欢迎大家在这里学习怎么实现CSS垂直居中!这里是我们给大家整理出来的精彩内容。我相信，这些问题也肯定是很多朋友在关心的，所以我就给大家谈谈这个!

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

Content goes here

#wrapper {display:table;}

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

优点：

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

缺点：

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

好了，怎么实现CSS垂直居中内容就给大家介绍到这里了。希望大家继续关注我们的网站!

相关推荐：

什么是CSS的渲染效率呢