0

ここに私のテキストとして表示されるように、カウント付きの同様のボックスを表示したいと思います[Like] <[2000]

デフォルトでは、likeボックスは新しい行にあるため、次のように表示されます。

My text here
[Like] <[2000]

現在、CSSを使用して、次のコードでdivを比較的配置しています。

<p><strong>My text here</strong></p>
<div class="fb-like" data-href="https://www.facebook.com/FacebookDevelopers" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true" data-font="arial"
style="position:relative; top:-36px; left:230px;"></div>

これを行うためのより良い方法はありますか？

4

3 に答える 3

0

次のリンクで複数行のテキストの解決策を見つけてください！

http://jsfiddle.net/ktzxN/4/

これで、このレイアウトはリキッドになり、任意の解像度でこのレイアウトを使用できます。!!!!!!

Hv Fun :-)

于 2012-08-01T06:13:52.227 に答える
0

指定されたリンクは正常に機能しています。<P>タグに次の css プロパティを追加するだけでよく、次clearのような css プロパティも追加する必要があります。

<p style="float: left;margin-right: 10px;"><strong>My text here</strong></p>

参考までにご確認ください

http://jsfiddle.net/ktzxN/3/

それがうまくいくことを願っています!!!!!

于 2012-08-01T06:01:38.753 に答える
0

このコードに慣れて、レイアウトに応じて親 div の幅または高さを定義してください

    <p><strong>My text here</strong></p>
    <div style="display:inline-block;
vertical-align:top;
position:relative;
width:200px;
height:100px;
">
    <div class="fb-like" data-href="https://www.facebook.com/FacebookDevelopers" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true" data-font="arial"
    style="position:absolute;
 top:0; 
left:0;">
</div>
    </div>
于 2012-08-01T04:19:58.500 に答える