如何使元素再次漂浮到左边？

Question

我认为这已被问了一百万次,但对问题的定义不同.它可能要么很容易修复,要么是网页设计师的长期愿望,但仍然没有答案.注意:我确实在堆栈上对css float进行了搜索,但是虽然有些看起来像我的问题,到目前为止我还没有找到类似的问题.

如果你看到附件,我想要做的就会变得清晰.我希望它们排成3排,整齐地堆叠在一起,每个<li>项目的高度都不同.换句话说:<li>一行中最高的元素是前导,下一行的项目应该包含在这一行中.现在,新行上的项目会在开头撞到较长列表项的内容,从而阻止新行的第一项完全浮动到左侧.

请注意,我不想用php或js来解决这个问题,我认为纯粹的css解决方案必须在那里...因为使用php,我当然可以添加类似"new-row"的类并应用一个clear: both它,它将包装.如果我想在CSS中做同样的事情,那么我不能没有使用支持不当的:nth-of-type东西.此外,内容块的宽度可变,因此有时连续3个,有时可能只有2个或最多6个.

谁可以帮忙？

Answer 1

对于LI使用"display:inline-block",而不是"float:left"