CSS列网格排序问题

受此启发，我建立了一个包含5列的。这对5幅图像很好。但是，对于6，它将其排序为一行5和一行1。其他配置也有类似的效果

---

有没有这样的原因和防止这种情况发生的方法？

您应该将其作为一种附加样式使用，如下所示：

   float:left;

---

还有css属性

宽度：100%！重要的在IE9和其他浏览器中的解释不同。顺便说一句，如果你想要IE8兼容的页面，不要使用列间距，而是按照下面的答案浮动。好的，谢谢。我对CSS3的任何使用都持怀疑态度，即使只是因为老式浏览器的问题。这根本不需要。@Stano干得不错，但你做了一些编辑，而不仅仅是float:left；如果你把它作为一个单独的答案发布，我可以给你完全的信任。虽然这是可行的，但实际上并不能解决专栏问题。@Loktar不确定你的意思，但imho给出了相同的结果并解决了专栏问题。如果您知道更好的修复方法，欢迎您在此处发布解决方案。或者您可以将建议发送给w3c，也许他们会为column count属性创建一些新参数来修改此行为。Good luckI认为关键是css3列规范让浏览器根据提供的内容构建列。通过不指定列宽，
列计数
仅用作值。列和行是两个不同的实体。当我读到OP的问题时，我几乎觉得它更多地关注行而不是列，这就引出了一个问题：为什么首先要摆弄css3列（双关语）。不久前，我仅基于这个前提创建了一个。