Css 嵌入式Twitter小部件高度问题

我正在尝试将Twitter小部件添加到我的网站中，但小部件的高度有问题。有时它可以工作，但有时它会忽略高度值并拉伸页面，使底部有大量的空白（将小部件拉伸到7847px）。我曾尝试在代码中添加高度并设置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>

!函数（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）；}（文档，“脚本”，“twitter wjs”）；

有人有这个问题并且知道解决方法吗

---

此处是问题的演示（在Twitter选项卡上）

以CSS中的.Twitter timeline类为目标，并声明其高度

.twitter-timeline {
    height: 350px !important;
}

---

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

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

---

现在创建新的小部件时，您不需要在Twitter中设置高度和宽度吗？在那之后，我认为你不能改变高度？在Twitter上改变了高度，但仍然如此。我在原来的帖子中加入了一个链接，你可以看到。iframe目前没有设置高度。当我把高度改为300左右时，就可以了。你需要给它一些高度。我如何给iframe高度？我放置了height=“350”，但它不能正常工作。这是第一次工作，但当刷新页面时，它会拉伸。我创建了另一个小部件，height可以正常工作，直到设置要显示的tweet数量。我在tweet limit=“5”中添加了数据，这会使它变长。我知道这是一个较旧的帖子，而你来晚了。。。但这真的应该是答案！在通过各种方法不断搜索之后，我知道他们的方法必须更简单。。。果然是你提供的！！这是正确的答案。这篇文章中的问题的解决方案（设置框的高度）是添加
data height=“350”
@AnthonyGriggs@MarcosBuarque这不是正确的答案，因为OP指定了参数
data tweet limit=“5”
@AlexHolsgrove，如果你看它，他设置了height=“350”与此处给出的答案相比，我已验证该答案的有效性为data height=“350”