Question

我一直在我的图书馆管理系统中使用twitter小部件。我想减少推特小部件的最小高度，因为它的最小高度不小于250像素。我希望它更小一些。我将如何通过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>

Answer 1

使用以下CSS，使用!important

添加所需的尺寸

.stream {
height: 50px !important;
}

!important声明将帮助您覆盖Twitter API提供的正常CSS特性。

Answer 2

.stream对我不起作用，但以下情况确实如此。

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

它只是在页面上选择iframe上的类生成并覆盖iframe上的高度元素。

减少Twitter小部件的最小高度

2 个答案: