跳到主要内容

核心

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 类似<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>, 此元素作为一个表格标题来显示