0

我一直在我的图书馆管理系统中使用 twitter 小部件。我想让 twitter 小部件的高度动态化，因为它的高度是固定的，并且可以在创建小部件之前在其配置中设置。

我将如何通过 css 做到这一点？

这是小部件代码，我从 twitter 获得：

<a class="twitter-timeline"  href="https://twitter.com/vhakhikhang" data-widget-id="520463403060432896">Tweets by @vhakhikhang</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>
4

1 回答 1

0

这不是通过 CSS 完成的，但您可以直接在小部件 HTML 中指定高度：

<a height="450" class="twitter-timeline" href="https://twitter.com/vhakhikhang" data-widget-id="520463403060432896">Tweets by @vhakhikhang</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>

这将覆盖在小部件设置期间指定的高度。最小高度为 200 像素。有关更多信息，请参阅文档。

然而，这并不是真正的动态。如果您不确定父元素的高度，则需要使用 JavaScript 来测量它，然后像上面一样输出锚标记，但要使用检索到的高度值。

于 2015-02-09T13:26:06.490 回答