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。兩者都阻止塊容器在它們之後強制執行換行。如果您使用後者，請注意您需要事後清除浮動，以防止奇怪的佈局更改。