有没有办法使用纯CSS为不同列div中的行div赋予相同的高度?

时间:2019-03-12 17:10:51

标签: html css html5

现在我的html代码如下:

.column{
max-width:100px;

/*height: shall be the same*/
}

.column .row span{
font-size:16px;
}
<div class="container">
    <div class="column">
       <div class="row row1">   
           <span>123</span>
       </div>
    </div>
    <div class="column">
       <div class="row row2">   
           <span>123</span>
           <span>123</span>
       </div>
    </div>
    <div class="column">
       <div class="row row3">   
           <span>123</span>
           <span>123</span>
           <span>123</span>
       </div>
    </div>
</div>

有什么办法可以让纯CSS使用.row1和.row2&.row3来具有相同的高度?(我不会为这些.row设置一个固定的高度)

0 个答案:

没有答案