html - 无法居中 Twitter 关注按钮和一些文本被删掉

Question

我的 Twitter 关注按钮出现一些奇怪的行为。它似乎没有居中并且一些文本被删除(文本应该是“Follow @HackerUofT”但它只显示“Follow”)。友情链接 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 时，它不起作用。

Answer 1

不要使用 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>