表格布局有两种方式：
1.HTML Table（<table>标签）和 2. CSS Table（display:table 等相关属性）。
HTML Table是指使用原生的<table>标签，而CSS Table是指用CSS属性模仿HTML 表格的模型。
两者对应关系大致如下：
- table { display: table }
- tr { display: table-row }
- thead { display: table-header-group }
- tbody { display: table-row-group }
- tfoot { display: table-footer-group }
- col { display: table-column }
- colgroup { display: table-column-group }
- td, th { display: table-cell }
- caption { display: table-caption }
l利用上面所列的属性可方便实现许多功能：
如：块状元素垂直居中：display: table-cell; vertical-align: middle; 关于元素居中问题有过专门归纳
css table布局
原文地址：https://www.cnblogs.com/xiongzuyan/p/8534085.html