独立列的布局存在问题

时间:2020-10-21 17:26:58

标签: html css flexbox

在下面的div布局中,是否可以使列的高度独立,以使第一列的框架位于文本下方,而不依赖于下一列的高度?

.divTable {
    display: table;
    width: 20%;
}

.divTableRow {
    display: table-row;
}

.divTableCell {
    border: 2px solid black;
    display: table-cell;
    padding: 4px;

}
<div class="divTable">
<div  class="divTableRow">

<div class="divTableCell">
TEXT   
</div>

<div class="divTableCell">
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 

</div>
</div>
</div>

0 个答案:

没有答案