多個div怎麼居中?

2021-09-26 11:05:00 字數 556 閱讀 2319

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來解決問題.可是事實上這樣的方法科學嗎?經過網路搜尋和親自實驗得出以下結論 正確的也是對頁面構造沒有影響的設定如下 對需...