1、absolute+transform
(1) 情境:兩個div時
(2)解決
父元素保證position:relative
子元素保證
(3)**
.parent
.child
(4)優缺
優點:絕對定位脫離文件流,不會對後續元素的布局造成影響
缺點:transform 是 css3 屬性,存在相容性問題
**2、inline-block + text-align **
(1)情境:多個div巢狀時
(2) 優點:相容性好
(3)**
.parent
.child
**3、table+margin
(1) 優點:不用設定父元素樣式 ,只支援ie8及其以上版本
.child
居中
CSS中怎麼讓DIV居中
css 如何使div層水平居中 今天用css碰到個很棘手的問題,div本身沒有定義自己居中的屬性,網上很多的方法都是介紹用上級的text align center然後巢狀一層div來解決問題.可是事實上這樣的方法科學嗎?經過網路搜尋和親自實驗得出以下結論 正確的也是對頁面構造沒有影響的設定如下 對需...
CSS中怎麼讓DIV居中
css 如何使div層水平居中 今天用css碰到個很棘手的問題,div本身沒有定義自己居中的屬性,網上很多的方法都是介紹用上級的text align center然後巢狀一層div來解決問題.可是事實上這樣的方法科學嗎?經過網路搜尋和親自實驗得出以下結論 正確的也是對頁面構造沒有影響的設定如下 對需...
CSS中怎麼讓DIV居中
css 如何使div層水平居中 今天用css碰到個很棘手的問題,div本身沒有定義自己居中的屬性,網上很多的方法都是介紹用上級的text align center然後巢狀一層div來解決問題.可是事實上這樣的方法科學嗎?經過網路搜尋和親自實驗得出以下結論 正確的也是對頁面構造沒有影響的設定如下 對需...