溫馨提示×

css設置div居中的方法有哪些

div div居中

小億

94

2023-07-19 17:45:01

欄目: 編程語言

使用margin屬性設置左右外邊距為auto，上下外邊距為0。

div {
margin: 0 auto;
}

使用flex布局，將父元素的display屬性設置為flex，然后使用justify-content和align-items屬性將子元素居中。

div {
display: flex;
justify-content: center;
align-items: center;
}

使用absolute定位，將左右外邊距設置為auto，上下外邊距設置為0，然后將left和right屬性設置為0，將top和bottom屬性設置為0。

div {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}

使用grid布局，將父元素的display屬性設置為grid，然后使用justify-items和align-items屬性將子元素居中。

div {
display: grid;
justify-items: center;
align-items: center;
}

0 贊

0 踩

最新問答

相關問答

相關標簽

產品服務

地區劃分

專題活動

幫助支持

關于我們

售后咨詢

7*24小時在線電話：400-100-2938

7*24小時在線 QQ：800811969

關注億速云

億速云公眾號

手機網站二維碼

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女