css居中的5种方法

原文：http://www.qianduan.net/css-to-achieve-the-vertical-center-of-the-five-kinds-of-methods.html

这个方法把一些 div 的显示方式设置为表格，因此我们可以使用表格的 vertical-align property 属性

<div id="wrapper">
<div id="cell">
<div class="content">
Content goes here</div>
</div>
</div>

#wrapper {display:table;}
#cell {display:table-cell; vertical-align:middle;}


优点：
content 可以动态改变高度(不需在 CSS 中定义)。当 wrapper 里没有足够空间时， content 不会被截断
缺点：
Internet Explorer(甚至 IE8 beta)中无效，许多嵌套标签(其实没那么糟糕，另一个专题)


方法二：