怎么用CSS將DIV水平居中對齊

這篇文章將為大家詳細講解有關(guān)怎么用CSS將DIV水平居中對齊，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)公司是一家專注于網(wǎng)站設(shè)計制作、成都網(wǎng)站制作與策劃設(shè)計,晉州網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)10余年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:晉州等地區(qū)。晉州做網(wǎng)站價格咨詢:028-86922220

答：使用CSSmargin屬性

如果您想使

元素相對于父元素水平居中對齊，則可以將CSSmargin屬性與auto左側(cè)和右側(cè)的值一起使用，即為margin: 0 auto;div元素設(shè)置樣式規(guī)則。自動值會自動調(diào)整左右邊距，并水平居中對齊div元素的塊框。

但是，僅當(dāng)父元素的寬度大于您要對齊的包含div元素的寬度時，此解決方案才有效。讓我們看一個例子：

例試試這個代碼»

Horizontally Center a Div Using CSS