我正在使用以下代码动态地向我的网站添加推文按钮,以便使用ajax正确加载:
var socialHTML = '<a href="https://twitter.com/share" class="twitter-share-button" data-via="itsYOURDATA" data-url="'+$(location).attr("href")+'" data-text="'+title+'">Tweet</a>';
twttr.widgets.load();
它工作得很好,它几乎创造了一个iFrame应该是它。唯一的问题是iFrame的宽度在生成的代码中指定为107px,我想让它稍微小一点因为它没有很好地排列。有什么建议吗?
我尝试在CSS中设置类的宽度,但不会这样,我认为因为它是内联指定的。
答案 0 :(得分:2)
我实际上找到了答案。
我在CSS中使用了max-width属性:
.twitter-share-button {
max-width:90px;
}
但后来我意识到,如果推文遇到成千上万的话,这会太短(我不是真的会想,但谁知道)。所以我决定重新订购我的按钮并将推特按钮放在最后。