display:table-cell 属性简述
display:table-cell 属性让标签元素鞥一表格单元格的形式呈现, 类似于 td 标签.table-cell与float, position:absolute 不兼容.table-cell元素可以设置 width, height, padding, 但是不能设置 margin, 和 td 标签一致.
display:table-cell 与大小不固定元素的垂直居中
display:table-cell 与两栏自适应布局
display:table-cell 等高布局
table 表格中的单元格最大的特点之一就是同一行列表元素都是登高的, 所以等高布局可以借助 table-cell 实现.
匿名表格元素创建规则:CSS2中创建表格元素, 其依赖元素(比如 tr 之于 td, table 之于 tr) 会被模拟出来, 从而使得表格模型能够正常工作. 所有的表格元素都会自动在自身周围生成需要的匿名 table 对象, 使其符合 table/inline-table, table-row, table-cell 的三层嵌套关系.
要实现等高布局, 所有的 table-cell 元素一定要留一个用来包裹的标签, CSS 代码如下:
```
.list_row{display:table-row}
.list_cell{display:table-cell;width:30%,padding:1.6%; background-color:#F5F5F5;}
.list_center{background-color:#F0F3F9;}//用于和旁边的 cell 区分
