主要記住以下3點:
第一點要求:position:absolute
第二點要求:left:50%;top:50%
第三點要求:margin-left::-(divWidth/2); margin-top:-(divHeight/2)
原理:
先讓這個DIV絕對定位;
讓他距離上邊50%,左邊50%;這會這個DIV的左上角這個點就是窗口的正中間;
再從這裏點向左移動總寬及高的一半就可以了.
舉例:
<style type="text/css">
<!--
div {
position: absolute;
top: 50%;
left: 50%;
height: 200px; margin-top: -100px;
width: 400px; margin-left: -200px;
}
-->
</style>
<div></div>