display：table的用法举例

DIV+CSS的布局已经让表格布局几乎很少用到，除非表格语义性很强的情况。
display：table解决了一部分需要使用表格特性但又不需要表格语义的情况，
尤其是DIV+CSS很不方便解决的问题，比如以下两种情况：

一、父元素宽度固定，想让若干个子元素平分宽度

.parent{display: table;  width: 1000px;}
.son{display: table-cell;}

这样的好处是不用给子元素设百分比了

二、块级子元素垂直居中

.parent {display: table;}
.son {display: table-cell; vertical-align: middle;}

将块级子元素的display设置为table-cell之后再使用vertical-align就可以了。

注意：虽然display：table解决了避免使用表格的问题，但有几个需要注意的：

（1）display: table时padding会失效
（2）display: table-row时margin、padding同时失效
（3）display: table-cell时margin会失效