css等高div block

Question

我有3 block

<div>loremloremloremlorem</div>
<div>loremloremlorem</div>
<div>loremloremloremlorem</div>

如何设置 CSS 具有等高？我不能使用 row，因为它是响应式设计，我 1 行可以灵活地计算元素数。

Answer 1

使用display:table 和display:table-cell。

.container {
    display:table;
}

.item {
    display:table-cell;
    width:100px;
    border:2px solid black;
}

.item + .item {
    border-left:none;
}

<div class="container">
    <div class="item">test test test test</div>
    <div class="item">test test test test test test test test test test test test</div>
    <div class="item">test test test test test test test test</div>
</div>