2

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 に編集すると機能しません。

4

3 に答える 3

2

ceneterタグはhtml5標準で削除されるため、使用しないでください。text-alignを使用します。 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

犯人を捕まえた。コードを調べたところ、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 に答える
0

ソーシャルメディアクラスにテキストアラインセンターを追加

.social_media
{
    text-align:center
}

http://jsfiddle.net/CsETG/

于 2012-06-04T05:49:08.547 に答える