溢出:隐藏;不在嵌入式推特提要上工作



我已经把我的推特提要放在了页面的侧边栏中,但支线战争足够小,滚动条阻碍了推文。我正在使用溢出:隐藏;尝试隐藏它,但这不起作用。这是我目前正在使用的。

.twitter-timeline {
overflow: hidden;
}
<body>
<div id="sidebar"><a class="twitter-timeline" href="https://twitter.com/btwItsTaco" data-widget-id="723159349183414273">Tweets by @btwItsTaco</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
</body

您必须在链接中添加data-chrome="noscrollbar"才能删除不需要的滚动条,因为ovverwrite CSS不适用于嵌入式Twitter提要。

小提琴

最新更新