display:table和display:table-cell的妙用
在一些应用中，比如要使文本垂直居中，可以用绝对定位来弄，但有时在左右二栏的结构时，定位就不好操作了，用 table 与 table-cell 就简单好多。如下图，左右二栏是各占 50%的，要使左右的内容都垂直居中，不会因为左边的文字过多把高扩大导致右边的图片一直在顶部，就不美观了。
HTML 结构：
<div class="parent">
<div class="son">
</div>
</div>
也想出现在这里？联系我们吧
CSS 代码：
.parent{display:table;
height:100%;
}.son{display:table-cell;
vertical-align:middle
}
