0 
<div style="float: left"; class="fb-like" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div>

<a style="float: right"; href="https://twitter.com/share" class="twitter-share-button" data-url="" data-lang="ko">트윗하기</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>

私のコードです、

これは、ボタンやTwitterの共有アイコン/ボタンのようなfbです。これらが隣り合っていることを望みますが、常に各行に表示されます。

どうすればこれを解決できますか？display: block;両方にデフォルトとしてあるようなものです

上記のコードでわかるように、float：leftとfloat：rightを試しましたが、成功しませんでした

4

3 に答える 3

0

iframeの幅を狭くします。FBは450px、twitterは139pxです。

于 2012-06-06T17:00:08.807 に答える
0

DIVはブロックレベルの要素であり、アンカー（A）はインライン要素です。Aブロックレベル（ ）に設定するdisplay: blockか、アンカーを別のDIV内にラップして、コンテナーDIVをフロートさせることができます。

お役に立てば幸いです。

于 2012-06-06T16:57:45.430 に答える
0

TwitterIFrameをdivコンテナーに入れます。divコンテナーをフロートさせ、TwitterIFrameの幅を約70px程度に減らします。FirebugのWebサイトでこれら2つの変更をテストしましたが、正常に機能しているようです。

于 2012-06-06T17:24:45.680 に答える