實現div水平居中
設定div的寬高，使用margin設定邊距0 auto，css自動算出左右邊距，使得div居中。
div{
width: 100px;
height: 100px;
margin: 0 auto;
實現div水平、垂直居中
要讓div水平和垂直居中，必需知道該div得寬度和高度，然後設定位置為絕對位置，距離頁面視窗左邊框和上邊框的距離設定為50%，這個50%就是指頁面視窗的寬度和高度的50%，最後將該div分別左移和上移，左移和上移的大小就是該div寬度和高度的一半。
div{
width: 100px;
height: 100px;
position: absolute;
left: 50%;
top: 50%;
margin: -50px 0 0 -50px;
文字在div中水平、垂直居中（text-align + line-height）
1）text-align 屬性規定（塊級）元素內文字的水平對齊方式。
2）line-height = height，行高等於元素高度，用來實現垂直居中。
div{
width:200px;height:200px; /*設定div的大小*/
border:1px solid green; /*邊框*/
text-align: center; /*文字水平居中對齊*/
line-height: 200px; /*設定文字行距等於div的高度*/
overflow:hidden;
DIV居中的幾種方法
1.1 body 缺點 body內所有內容一併居中 2.center 缺點 需要設定position屬性，網頁複雜時容易擾亂頁面布局,而且只是元素的起始位置居中 3.1 center 缺點 需要設定div寬度 4.1 center 缺點 需要支援html5 5.1 center 缺點 需要支援htm...
CSS實現DIV居中的方法
inline inline block元素的水平居中，父級元素中設定text align center 1111 block元素的水平居中，子元素設定margin 0 auto 1111 1111 left 50 margin left設定為子元素寬度的一半 1111 margin 0 auto l...
div居中的方法
css 如何使div層水平居中 今天用css碰到個很棘手的問題,div本身沒有定義自己居中的屬性,網上很多的方法都是介紹用上級的text align center然後巢狀一層div來解決問題.可是事實上這樣的方法科學嗎?經過網路搜尋和親自實驗得出以下結論 正確的也是對頁面構造沒有影響的設定如下 對需...