定義的一個層即能在浏覽器中左右居中,又可以上下居中,可以用絕對定位再結合百分比形式的left、top屬性以及負外補丁來實現,下面是示例
想要使定義的一個層即能在浏覽器中左右居中,又可以上下居中,可以用絕對定位再結合百分比形式的left、top屬性以及負外補丁來實現。代碼如下:
CSS代碼:
復制代碼代碼如下:
div {
position:absolute;
top:50%;
left:50%;
margin:-100px 0 0 -100px;
width:200px;
height:200px;
border:1px solid red;
}
說明:margin屬性中的兩個-100px分別為width和height屬性值的一半的負值。