显示类似于内嵌段落文本的Facebook

时间:2012-08-01 02:44:34

标签: css facebook-likebox

我想显示一个带计数的相似框,以便显示为我的文字 [赞]< [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>

有更好的方法吗?

3 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

您的指定链接工作正常,只需在<P>标记上添加以下css属性,您还需要添加css clear属性,如:

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

请查看参考资料

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

希望它有效!!!!!

答案 2 :(得分:0)

请在以下链接中找到多行文字的解决方案!

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

现在这个布局变成了Liquid,你可以在任何分辨率上使用这个布局。!!!!!!

Hv Fun: - )