css - 嵌入式 Twitter 小部件高度问题

Question

我正在尝试将 Twitter 小部件添加到我的网站，但我遇到了小部件高度的问题。有时它可以工作，有时它会忽略高度值并拉伸(stretch)页面，以便底部有很多空白空间(将小部件拉伸(stretch)到 7847 像素)。我尝试在代码中添加高度并设置 DIV 高度，但它仍然可以。这是我在 Twitter 上使用的代码

<a class="twitter-timeline" data-chrome="nofooter noheader noborders noscrollbar transparent" height='350' data-tweet-limit="5" data-dnt="true" href="https://twitter.com/Talk_AVFC/villa-players" data-widget-id="362602509207994368">Tweets from @Talk_AVFC/villa-players</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>

有人遇到过这个问题并且知道解决方法吗？

问题演示在这里http://richardawarner.co.uk/astonvillastuff/ (在 Twitter 选项卡上)

Answer 1

可以通过给链接添加数据属性来设置最大宽度和高度:

<a class="twitter-timeline" data-width="350" .... >

Set the height of a displayed widget, overriding the value stored with the widget ID. Must be greater than 200 pixels.

Note: the height parameter does not apply when a tweet-limit parameter is specified

https://dev.twitter.com/web/embedded-timelines/parameters