0

Twitter のツイートと Facebook の「いいね！」を同じ行に並べるのに問題があります。現在、Facebook の「いいね！」は、Twitter のツイートよりも数ピクセル低くなっています。これをどのように修正しますか？

Twitter にスタイルを追加してマージンを数ピクセル下げてみましたが、Facebook も同様に下に移動しました。Facebookにもマイナスマージンを追加しようとしましたが、何もしませんでした.

すべての試行が失敗したため、CSS を使用して Twitter/Facebook ボタンを変更していないことに注意してください。

.social {
    clear: both;
    padding: 10px 36px 20px 36px; 
}

<div class="social">
    <a class="twitter-share-button" data-url="http://www.google.com/" href="https://twitter.com/share" data-lang="en"></a>
    <div class="fb-like" data-href="http://www.google.com/" data-send="false" data-width="90" data-show-faces="false" data-layout="button_count"></div> 
</div>

/**** Twitter plugin ****/
<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="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

/**** Facebook plugin ****/
<script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

私が持っているもの：

ここに画像の説明を入力

4

1 に答える 1

3

これを修正するためにfloat:left;、TwitterとFacebookの両方のコード行に追加しました。

于 2012-11-14T23:03:43.840 に答える