如何使div居中顯示



主要記住以下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>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章