使用场景
<table>
最常用的也是最正确的使用方法是制作表格,由于其对占据的空间有着划分的作用,便可以使用<table>
来布局。
使用
<table border="1" cellspacing="0" cellpadding="0" style="width: 100%;">
<tr>
<td>1</td>
<td>2</th>
</tr>
<tr>
<td>1</td>
<td>2</th>
</tr>
</table>
知识点
- table:指定对象作为块元素级的表格。类同于html标签<table>(CSS2)
- inline-table:指定对象作为内联元素级的表格。类同于html标签<table>(CSS2)
- table-caption:指定对象作为表格标题。类同于html标签<caption>(CSS2)
- table-cell:指定对象作为表格单元格。类同于html标签<td>(CSS2)
- table-row:指定对象作为表格行。类同于html标签<tr>(CSS2)
- table-row-group:指定对象作为表格行组。类同于html标签<tbody>(CSS2)
- table-column:指定对象作为表格列。类同于html标签<col>(CSS2)
- table-column-group:指定对象作为表格列组显示。类同于html标签<colgroup>(CSS2)
- table-header-group:指定对象作为表格标题组。类同于html标签<thead>(CSS2)
- table-footer-group:指定对象作为表格脚注组。类同于html标签<tfoot>(CSS2)