0

私は、Firefoxでうまく表示される次のクライアントページを持っています。

http://cl.ly/0u0h1S110f2J2N2E093d（スクリーンショット）

ただし、ChromeとSafariでは次のように表示されます。

http://cl.ly/0a132U3h1G2x1W3R0043（Facebookの[共有]ボタンに注意してください）

ボタンのコードは次のとおりです。

<div class="social">
  <div>
    <div class="fb"> <a name="fb_share" id="fb_share" type="button"></a>
      <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
    </div>
    <div class="twit"> <a href="https://twitter.com/share" class="twitter-share-button" data-lang="en">Tweet</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>
  </div>
</div>

私はFFで素晴らしい動作をする次のCSSを持っていますが、他の2つのブラウザーでは動作しません。

div.social div div {display: inline-block;}
div.social div div.fb {margin-bottom: 1px;}

私はこれを機能させるために考えられる属性のすべての組み合わせを試しましたが、役に立ちませんでした。

何か案は？

ありがとう！

4

1 に答える 1

0

使用vertical-align: top：

div.social div div.fb {
    vertical-align: top;
}

実例： http： //jsfiddle.net/dFt8N/

于 2012-06-29T17:47:35.303 に答える