使用纯css修改html/css代码，无需任何html修改来对齐div

在一个大分区中有许多

因此，宽度相同，但高度可能不同（取决于内部文本）。 是否可以将

div

s对齐，使其看起来很好-它以3作为一行。 也就是说，它看起来是这样的：

仅使用css？

html解决方案：我可以将每3个div包装成

这样，但是我不允许修改html代码，html解决方案并不可取。我很好奇纯css解决方案是否可行。

---

谢谢。

您可以为每三分之一的

添加
清除：左
：


关于MDN的更多信息。
您可以为每三分之一的
添加
清除：左
：


有关MDN的更多信息。
为您的div使用
display:inline block
和
vertical align
。然后移除包装器div。看这个

对div使用
display:inline块
和
垂直对齐
。然后移除包装器div。看这个

如果您必须支持IE8及以下版本，您可能需要一些额外的解决方案。是的，我检查过它不适用于IE8-。谢谢你的指点！当然，您的解决方案是有效的，但我认为，使用内联块的方式更好。这一切都取决于他想要什么……如果你必须支持IE8及以下版本，你可能需要一些额外的解决方案。是的，我已经检查过它不适用于IE8-。谢谢你的指点！当然，您的解决方案是有效的，但我认为，使用内联块的方式更好。一切都取决于他想要什么。。。
123
456
789
...

.inner-div:nth-child(3n+1){ clear:left; }

.inner-div{
    display: inline-block;
    vertical-align: top;
    border:1px solid green;
    margin: 2px;
    position: relative;
    width: 140px;
    min-height:50px;
}