table布局

使用场景

<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标签（CSS2）
• inline-table：指定对象作为内联元素级的表格。类同于html标签（CSS2）
• table-caption：指定对象作为表格标题。类同于html标签（CSS2）
• table-cell：指定对象作为表格单元格。类同于html标签（CSS2）
• table-row：指定对象作为表格行。类同于html标签（CSS2）
• table-row-group：指定对象作为表格行组。类同于html标签（CSS2）
• table-column：指定对象作为表格列。类同于html标签（CSS2）
• table-column-group：指定对象作为表格列组显示。类同于html标签（CSS2）
• table-header-group：指定对象作为表格标题组。类同于html标签（CSS2）
• table-footer-group：指定对象作为表格脚注组。类同于html标签（CSS2）