什麼原因導致自動更新

Question

我有3個用於精靈的CSS功能，我創建了一個鏈接。當圖像被加載時，他們就像是

我的一些代碼如下：

#twitterReply 
{ 
    width:16px; 
    height:16px; 
    text-decoration:none; 
    display:block; 
    background-image:url('path'); 
    background-position:-0px -0px; 

} 
#twitterReply:hover,#twitterReply:active { background-position:-16px -0px; } 

#twitterRetweet 
{ 
    width:16px; 
    height:16px; 
    text-decoration:none; 
    display:block; 
    background-image:url('path'); 
    background-position:-32px -0px; 
} 
#twitterRetweet:hover,#twitterRetweet:active { background-position:-48px -0px; } 

#twitterFavorite 
{ 
    width:16px; 
    height:16px; 
    text-decoration:none; 
    display:block; 
    background-image:url('path'); 
    background-position:-64px -0px; 
} 
#twitterFavorite:hover,#twitterFavorite:active { background-position:-80px -0px; } 

我怎麼能打好在一起？

Answer 1

他們都有display: block，這就是爲什麼。塊佔據其父元素的整個寬度，因此一系列塊看起來像一個堆棧。

改爲使用display: inline-block。