2

我的推特关注按钮出现了一些奇怪的行为。它似乎没有居中并且一些文本被剪掉(文本应该是“关注@HackerUofT”,但它只显示“关注”)。链接http://hacker-universityoftoronto.appspot.com/

<center class="social_media">
    <a href="https://twitter.com/HackerUofT" class="twitter-follow-button" data-show-count="false">Follow @HackerUofT</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</center>

当我在 Chrome 上检查元素并将中心更改为 div 时,它似乎可以解决所有问题,但是当我实际将代码编辑为 div 时,它不起作用。

4

3 回答 3

2

不要使用 ceneter 标签,因为它将在 html5 标准中被删除。使用文本对齐。 http://jsfiddle.net/6f5aL/

<div style="text-align:center">
    <a href="https://twitter.com/HackerUofT" class="twitter-follow-button" data-show-count="false">Follow @HackerUofT</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
于 2012-06-03T00:58:42.890 回答
0

在社交媒体类中添加文本对齐

.social_media
{
    text-align:center
}

http://jsfiddle.net/CsETG/

于 2012-06-04T05:49:08.547 回答
0

抓到了罪魁祸首。当我检查您的代码时,该show-screen-name属性设置为false.

只需添加data-show-screen-name="true"到您的<a href>行,如下所示。

<a href="https://twitter.com/HackerUofT" class="twitter-follow-button" data-show-count="false" data-show-screen-name="true">Follow @HackerUofT</a>

没有什么可以改变的。

干杯!!!

于 2012-06-03T08:30:37.793 回答