Html 把所有的沙发排成一排，大小和最高的一样

我有一个div容器，包含子div

我想做的是把所有的沙发都排成一排，大小和最高的一样高。 如果清除：两个都使用，则下一行的任何div都应该是该行最高的div的高度

我可以将类添加到html中，但不能更改结构，例如嵌套更多的div和rows e.t.c。所以解决方案必须基于css

我已尝试使用display:table和display:table cell。。不走运

HTML

---

您使用当前的代码并不遥远

用

显示分隔行：表行

然后从

表格单元格中删除
float:left



#容器{
显示：表格；
边框：1px纯黑；
宽度：500px；
}
#container.tr{
显示：表格行；
}
#container.tr>div{
右边框：2倍纯红；
背景：#f7f7f7；
显示：表格单元格；
保证金：2倍；
宽度：200px；
}

a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
您需要同时使用jQuery或javascript。您可能需要使用flexbox来实现这一点：
<div id=container>
    <div>
    a<br>a<br>a<br>a<br>a<br>a
    </div>
    <div>
    a<br>a
    </div>
    <div class=newline>
    a<br>a<br>a<br>a<br>a<br>a
    </div>
    <div>
    a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a
    </div>
</div>

#container {
    display: table;
    border: 1px solid black;
    width: 500px;
}

#container div {
    border-right: 2px solid red;
    background: #f7f7f7;
    display: table-cell;
    margin: 2px;
    float: left;
    width: 200px;
}

.newline {
    clear: both;
}