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会失效
网友评论