div垂直居中 css div盒子上下垂直居中,讓DIV盒子在任何瀏覽器中任何分辨率的顯示屏瀏覽器中處于水平居中和上下垂直居中。
div垂直居中常用于單個盒子，如一個頁面里只有一個登錄布局，使用div css讓這個登錄布局水平和css垂直居中。
這里介紹一種最簡單兼容性最好的水平居中與上下垂直居中的方法。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>上下垂直居中 在線演示 DIVCSS5</title>
<style>
#main {position: absolute;width:400px;height:200px;left:50%;top:50%;
margin-left:-200px;margin-top:-100px;border:1px solid #00F}
/*css注釋：為了方便截圖，對CSS代碼進行換行*/
</style>
<body>
<div id="main">DIV水平居中和上下垂直居中</div>
</body>
</html>