dispaly属性的table和table-cell属性值不怎么常用，主要是浏览器的兼容性不好，大多数都是为了兼容IE6.IE7,此属性IE8以上，谷歌，火狐，oprea等浏览器都支持。
此dispaly有三个属性值：
1.table:指定对象作为块级元素的表格，类同于html标签<table>
2.table-row:指定对象作为表格行，类同于html标签<tr>
3.table-cell:指定对象作为表格单元格，类同于html标签<td>
若父级元素设置了这三个属性值的其中一个，则此以下的子元素都会随父元素的样式一致。若设置了dispaly:table-cell;vertical-align:middle;则该元素的所有子元素都可以垂直居中对齐，这是因为td元素具有valign属性，而vertical-align:middle只会在具有valign属性的对象中生效，所以就可以成功实现了垂直居中效果。