核心
2023年02月19日
一、display: table
display: table
类似<table>
, 此元素会作为块级表格来显示, 表格前后会带有换行符
二、display: inline-table
display: inline-table
类似<table>
, 此元素会作为内联表格来显示, 表格前后没有换行符
三、display: table-row-group
display: table-row-group
类似<tbody>
, 此元素作为一个或多个行的分组来显示
四、display: table-header-group
display: table-header-group
类似<thead>
, 此元素会作为一个或多个行的分组来显示
五、display: table-footer-group
display: table-footer-group
类似<tfoot>
, 此元素会作为一个或多个行的分组来显示
六、display: table-row
display: table-row
类似<tr>
, 此元素会作为一个表格行来显示
七、display: table-column-group
display: table-column-group
类似<colgroup>
, 此元素会作为一个或多个列分组来显示
八、display: table-column
display: table-column
类似<col>
, 此元素作为一个表格单元格列来显示
九、display: table-cell
display: table-cell
类似<td>
或者<th>
, 此元素作为一个表格单元格来显示
十、display: table-caption
display: table-caption
类似<caption>
, 此元素作为一个表格标题来显示