css - 使用 CSS 的表格

Question

我正在使用以下 css 来模拟表格:

.table {
 width: 100%;
 border: 1px solid #f00; 
}

.table .th {
background-color: #f00;
 color: #fff;
 font-weight: bold;
 border-bottom: 1px dotted #f00;
}

.table .td {
 display: inline-block;
 width: 23%;
 padding-left: 2%;
}

有没有一种方法可以用线来分隔每一行？谢谢，埃文

Answer 1

请使用表格而不是重新创建表格。他们有一个目的。如果您正在创建管状数据列表，例如电子表格，则只需使用表格即可。

这更像是一种烦恼，但它只是一种很快变得难以管理的代码浪费。