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

这个方法使用绝对定位的 div，把它的 top 设置为 50%，top margin 设置为负的 content 高度。这意味着对象必须在 CSS 中指定固定的高度。

因为有固定高度，或许你想给 content 指定 overflow:auto，这样如果 content 太多的话，就会出现滚动条，以免content 溢出。

Content goes here

#content {

position:absolute;

top:50%;

height:240px;

margin-top:-120px; /* negative half of the height */

}

优点：

适用于所有浏览器

不需要嵌套标签

缺点：

没有足够空间时，content 会消失(类似div 在 body 内，当用户缩小浏览器窗口，滚动条不出现的情况)

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

相关推荐：

什么是CSS的渲染效率呢