css居中的5种方法

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

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

<divid="wrapper">

<divid="cell">

<divclass="content">

Contentgoeshere</div>

</div>

</div>

#wrapper{display:table;}

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

优点：

content可以动态改变高度(不需在CSS中定义)。当wrapper里没有足够空间时，content不会被截断

缺点：

InternetExplorer(甚至IE8beta)中无效，许多嵌套标签(其实没那么糟糕，另一个专题)

方法二：