关闭边栏(ESC)打开边栏(ESC)
在一些应用中，比如要使文本垂直居中，可以用绝对定位来弄，但有时在左右二栏的结构时，定位就不好操作了，用table与table-cell就简单好多。如下图，左右二栏是各占50%的，要使左右的内容都垂直居中，不会因为左边的文字过多把高扩大导致右边的图片一直在顶部，就不美观了。
HTML结构
|
1 2 3 4 |
<div class="parent"> <div class="son"> </div> </div> |
CSS
|
1 2 3 4 5 6 7 8 |
.parent{ display:table; height:100%; } .son{ display:table-cell; vertical-align:middle } |
完成后的效果图：
