使用表格布局一直是一个敏感的主题。一般情况下，Web开发人员考虑基于表格布局是禁忌。尽管反对的理由看起来证据很充分，但是大多数开发者除了谴责基于表格的布局，都无法提供完善的使用场景。“表格不好。”
从早期反对HTML Table(
诚然，我也是避免使用表格布局的开发者之一，即使是显示表格数据。
我甚至曾经斥责我的下属开发者同事，当他们使用 display:table 用来表仪式的布局(或圣杯布局)的时候。
回想起来，头脑麻木而且倔强的我花了大把时间，为此写了一堆CSS hack，是多么的可笑。
两种类型的表格布局
你有两种方式使用表格布局?-HTML Table(
HTML Table是指使用原生的
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