DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 設置一個層在浏覽器中同時左右居中上下居中水平垂直居中
設置一個層在浏覽器中同時左右居中上下居中水平垂直居中
編輯:CSS詳解     
定義的一個層即能在浏覽器中左右居中,又可以上下居中,可以用絕對定位再結合百分比形式的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屬性值的一半的負值。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved