CSS 将固定尺寸的元素设置为垂直居中

阅读(2690)

以下代码可以实现使 div 在页面垂直居中展示,常用于仅包含登录框等单一元素的页面。
前提是,需要明确知道待居中元素的尺寸。


.centerV {
    position: absolute;
    left: 50%;
    margin-left: -WIDTH/2px;    // 取值为当前待居中元素宽度的一半
    top: 50%;
    margin-top: -HEIGHT/2px;    // 取值为当前待居中元素高度的一半
}