博客

很多人对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也是这样的，而且功能和上面所有标签的使用方法以及形成布局是一模一样的。