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>

是我的代码，

这是一个类似 fb 的按钮和 twitter 分享图标/按钮。我希望它们彼此相邻，但它们总是在每一行上。

我该如何解决这个问题？就像两者都有一个display: block;默认值

正如您在上面的代码中看到的，我尝试了 float: left 和 float: right，但没有任何成功

4

3 回答 3

0

减小 iframe 的宽度。FB 是 450 像素，推特是 139 像素。

于 2012-06-06T17:00:08.807 回答
0

将 Twitter IFrame 放入 div 容器中。浮动 div 容器并将 Twitter IFrame 的宽度减小到大约 70px 左右。我在 Firebug 的网站上测试了这 2 个更改，它似乎工作正常。

于 2012-06-06T17:24:45.680 回答
0

DIV 是块级元素，Anchor (A) 是内联元素。您可以设置A为块级 ( display: block) 或将 Anchor 包装在另一个 DIV 中并浮动容器 DIV。

希望有帮助。

于 2012-06-06T16:57:45.430 回答