为table-row设置border无效解决办法

为table-row设置border无效解决办法

<div class="table">
<div class="row">
<div class="cell">
<p>Blah blah</p>
</div>
<div class="cell">
<p>Blah blah</p>
</div>
<div class="cell">
<p>Blah blah</p>
</div>
</div>
</div>

.table {
display: table;
width: 100%;
}

.row {
display: table-row;
border-bottom: 1px solid black;
}

.cell {
display: table-cell;
width: 33%;
}

为table添加 border-collapse: collapse属性即可。

搜索

复制