我怎样才能使这个HTML中的图像之间没有换行符？

Question

jsFiddle

正如您在上面的jsFiddle中所看到的，在每个图像之后，在下一个元素之前有一个换行符。另一种类型的元素，循环文本，不会这样做。如何更改此设置，以便每张图片后没有换行符？我希望它看起来像这样（蓝色框表示图像，红色框表示循环文本元素）：

Answer 1

li { display: inline-block; }应对其进行排序。

Answer 2

您使用的li元素默认具有此行为。

但是对于某些元素，您可以在名为li的{​​{1}}中添加一个类，并且这些类的css是

text-cycler

左边的浮动是导致那些被堆叠在另一个旁边的原因。但带有图像的ul.images li.text-cycler { display: block; float: left; width: 96px; height: 96px; margin: 2px; } 没有这个类，因此它们不会向左浮动。