html - 像表格一样使用 div

Question

如何在不使用表格而只使用div的情况下进行布局？

Answer 1

您可以使用一个div 和相应的css 来生成表格布局。 例如

<div class="table">
    <div class="row">
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
    </div>
</div>

在css中，它会是这样的

.table { display: table; }
.row { display: table-row; }
.cell { display: table-cell; }