CSS无序列表长文本显示内嵌

我有一个无序列表，如下所示：http://jsfiddle.net/spryno724/XYBja/。CSS无序列表长文本显示内嵌

请注意，第二个列表项太长，所以它会缠绕到第一个列表项下的另一行。有没有办法将每个列表项保留在自己的“列”中而不指定显式宽度？

谢谢你的时间。

2012-08-07 Oliver Spryn

是否有什么特别的理由，为什么你使用这种结构？是否会有其中几个连接在一起？如果是这样，你打算如何展示下面的任何项目？旁边的？在许多情况下，发布的解决方案都可以正常工作，但是如果您的列表应该遵循特定的模型，则在未正确设置图像或其容器的宽度的情况下实现（结果不错）可能有点棘手。 – aivou 2012-08-07 15:24:06

把这个你CSS

img{ 
    float:left; 
}

这应该做的伎俩=）

来源

2012-08-07 15:15:02

谢谢，你的诀窍工作！我添加了一些增强功能，以及清除浮动：http://jsfiddle.net/spryno724/XYBja/6/ – 2012-08-07 15:52:46

高兴地帮助。 =） – 2012-08-07 16:19:44

尝试把li img {float: left}因为这会浮动您的图像到左边，我认为这应该解决您的问题！

希望这会有所帮助！

来源

2012-08-07 15:10:51

谢谢你，你的诀窍工作！我添加了一些增强功能，以及清除浮动：http://jsfiddle.net/spryno724/XYBja/6/ – 2012-08-07 15:53:06

不客气！我已经先回答了，但不用担心......主要的是这两个都很有帮助！ :) – 2012-08-07 23:17:11

CSS无序列表长文本显示内嵌

回答

相关问题