大家知道CSS实现垂直居中吗?下面我们就给大家详细介绍一下吧!我们积累了一些经验，在此拿出来与大家分享下，请大家互相指正。

Content goes here

#wrapper {display:table;}

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

优点：

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

缺点：

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

相信大家已经学会CSS实现垂直居中了吧!感谢大家对我们网站的支持!

相关推荐：

css样式命名规范的方法介绍