我一直在我的图书馆管理系统中使用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>
答案 0 :(得分：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>
然后，它将覆盖窗口小部件设置期间指定的高度。最小高度为200px。有关详细信息，请参阅documentation。
然而，这不是真正的动态。如果您不确定父元素的高度，则需要使用JavaScript来测量它，然后输出如上所示的锚标记，但是使用检索到的高度值。