html - 推特底部被切断

标签 html css twitter

我遇到嵌入式 Twitter 提要底部被切断的问题,我不明白为什么会这样。我将它嵌入

<div class="twitterdiv">
       <a class="twitter-timeline" href="https://twitter.com/xxx" data-widget-id="458185945217388544" height="400" data-link-color="#532427">Tweets by @xxx</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>
</div>

在 CSS 中

.twitterdiv
{
     height: 400px;
}

但我应该指出,这是放置在宽度固定的外部 div 中的。奇怪的是,当我在控制台中浏览 css 时,我看到框架的宽度设置为外部 div 的宽度,如果我禁用该属性并再次启用它,那么它显示正常。

How it is

How it should be

想法?

谢谢

最佳答案

您可以尝试将 CSS 更改为

.twitterdiv {
height:500px;
width:500px;
}

或者如你所说

.twitterdiv {
height:320px;
width:320px;
} 

如果这对您不起作用,请告诉我,否则我会尽力为您解决。

关于html - 推特底部被切断,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25054855/

相关文章:

php - 如何在php循环中每行显示两个表列

javascript - jQuery 隐藏选择列表中的选项

java - 如何用java对twitter推文进行排序

Java 应用程序在不同服务器上运行时未针对 Twitter 进行身份验证

html - 如何在跨浏览器兼容的第二行中获得省略号 [React]

html - 如何使用 BeautifulSoup 在 Python 中隔离只有一到两位数的解析结果

html - <ul> 列表元素符号显示在一个地方,但不在另一个地方

javascript - 在页面加载时加载放大的弹出窗口

javascript - 如何更改 <a href""></a> 标签超链接部分内的图像大小

api - 更改Twitter流过滤器关键字,而无需重新打开流