CSS - 连续强制按钮

Question

如何强制facebook按钮和图像连续排列？目前图标图像位于新的一行。

<div id="fb-root"></div> 
<script>(function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) return; 
    js = d.createElement(s); js.id = id; 
    js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1&appId=1234567"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

<div class="fb-like" data-href="http://www.example.com" data-send="true" data-width="450" data-show-faces="true" data-action="recommend" data-font="arial"></div> 

<img src="icon.png" alt="Share"/> 

Answer 1

使用display属性：

.fb-like { 
    display:inline-block; 
} 

您可能会或可能不会需要将其应用到你的形象也。

，我会在远离float的东西那么微不足道，如果你能在所有帮助它 - 但有时目前的结构将决定，你必须（否则重写整个结构‘正常’）。

Answer 2

要么使用该display: inline或float: left。两者都阻止块容器在它们之后强制执行换行。如果您使用后者，请注意您需要事后清除浮动，以防止奇怪的布局更改。