我該怎麼做才能在HTML中的圖片之間沒有換行符？

Question

jsFiddle

正如你可以在上面的jsFiddle中看到的，每個圖像之後在下一個元素之前有一個換行符。另一種類型的元素循環文本不會這樣做。我怎樣才能改變這個，以便每張圖片後都沒有換行符？我希望它看起來像這樣（藍色方框代表圖像，紅色方框代表循環文本元素）：

Answer 1

li { display: inline-block; }應該排序。

Answer 2

您使用li默認情況下具有此行爲的元素。

但對於一些元素，你添加一個類的li命名text-cycler將它們的CSS是

ul.images li.text-cycler { 
    display: block; 
    float: left; 
    width: 96px; 
    height: 96px; 
    margin: 2px; 
} 

浮動左邊是什麼原因導致這些疊放一個挨着另一個。但帶圖像的li沒有這個類，所以它們不會左移。