網(wǎng)站建設(shè)經(jīng)常遇到層的水平居中和垂直居中設(shè)置，特別是DIV+CSS網(wǎng)站布局中更是家常便飯。現(xiàn)提供如何使層垂直居中和水平居中以及絕對(duì)于瀏覽器居中的代碼。

層垂直居中，設(shè)置層的line-height等于height高度即可實(shí)現(xiàn)，如下
#div {
 height:30px;
 line-height:30px;
}

層水平居中CSS代碼：
#div {
        margin:0 auto;
}

如需要使層垂直水平于瀏覽器居中，則可使用外補(bǔ)丁margin負(fù)值的方法，即負(fù)值為層自身寬度、高度除以2，如一個(gè)寬度400高度300的層需要絕對(duì)于瀏覽器居中，則使用絕對(duì)定位然后設(shè)置距離瀏覽器上與左都為50%，margin-top的值為－150，而margin-left的值為－200。
以下為層在瀏覽器絕對(duì)居中的CSS代碼：
#div {
position:absolute;
top:50%;
left:50%;
margin:-150px 0 0 -200px;
width:400px;
height:300px;
}

調(diào)用：
<div id="div">垂直居中或水平居中的層</div>