display: table布局的使用

很多人对display:table布局很陌生，其实不能算是陌生，而是经常会看见，但却不想去了解和学习，可是有时候面试的时候会碰到，所以又不得不看，其实display:table布局很简单，就是使用css样式，取代<table></table>标签中的一切，来形成一个表格布局。

记住这张表格，然后对应着<table>标签中的一切属性来，

一般来讲表格长啥样？

<table>

  <thead>

    <tr>

       <th></th>

       .....

    </tr>

  </thead>

<tbody>

   <tr>

     <td></td>

    ....

    </tr>

</tbody>

<tfoot>

    <tr>

      <td></td>

      ....

  </tr>

</tfoot>

</table>

那么display: table也是这样的，而且功能和上面所有标签的使用方法以及形成布局是一模一样的。