Facebook like按钮和twitter按钮需要在同一行上
Facebook like按钮和twitter按钮需要在同一行上
提问于 2012-03-13 04:11:21
我正在尝试让我的Facebook点赞按钮和推特按钮排在同一条线上。使用下面的代码，我的twitter按钮并不完全在同一行，但也不是真的在第二行。谁能帮我把这些钮扣对齐在同一条线上？代码如下：
<p>
<div class="fb-like" data-href="http://www.facebook.com/gbhuffington" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true" style=" width: 200px; clear: none; float: left; "></div>
</p>
<p style="width: 200px; float: left; clear: none;">
<a href="https://twitter.com/GBHuffington" class="twitter-follow-button" data-show-count="false">Follow @GBHuffington</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>
</p>回答 3
Stack Overflow用户
发布于 2012-03-13 22:29:16
首先，不要把它们放在单独的段落中。
Here they are displaying inline for you.
Stack Overflow用户
发布于 2016-03-02 22:40:36
- 将fb脚本放在
<div>中，twitter放在单独的div中。向右浮动fb div像这样(div style="float:right;") - Float (
div style="float:left;") - Your
- 下一行内容或行应该以
div style="vertical-align:bottom;"开头以将内容放在twitter div的底部。
Stack Overflow用户
发布于 2012-05-24 03:21:16
您的浮动<p>应该在非浮动<p>之前编码(或者将它们放在同一段落中，就像Samwise从<div class="fb-like">标记中提取data-width属性一样(在许多情况下，这使得不可能将任何内容放在同一行上)。
如下所示：
<p style="width: 200px; float: left; clear: none;">
<a href="https://twitter.com/GBHuffington" class="twitter-follow-button" data-show-count="false">Follow @GBHuffington</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>
</p>
<p>
<div class="fb-like" data-href="http://www.facebook.com/gbhuffington" data-send="true" data-layout="button_count" data-show-faces="true" style="clear: none; float: left;"></div>
</p>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9674091
复制相关文章
相似问题
腾讯云开发者
