這種方法的缺點(diǎn)是會(huì)生成無語義的代碼設(shè)置displayinline方法來居中不定寬塊級(jí)元素則更好理解，通過將元素設(shè)置為行內(nèi)元素，設(shè)置行內(nèi)元素的父元素屬性textaligncenter就可以實(shí)現(xiàn)居中 此方法的缺點(diǎn)是由于轉(zhuǎn)換成了行內(nèi)元素。

09 第九種方法，借助第三方樣式，比如增加一個(gè)add節(jié)點(diǎn)，水平浮動(dòng)向左，使small層隨之浮動(dòng)，代碼示例如下 特別提示 每種方法都適應(yīng)不同的運(yùn)行環(huán)境，實(shí)際操作時(shí)需要考慮不同瀏覽器的解析時(shí)的兼容性。

56然后再設(shè)置給父元素添加alignitemscenter即可上下垂直居中了66總結(jié)父元素設(shè)置displayflex，然后用justifycontentcenter來讓子元素水平居中，用alignitemscenter垂直居中p+css頁面居中代碼網(wǎng)頁經(jīng)常需要將p。

margin0padding0bodywidth100%height100%#ddwidth1200pxheight300pxmargin0autopid=ddp p+css頁面居中代碼網(wǎng)頁經(jīng)常需要將p在屏幕中居中顯示，以下幾個(gè)常用的方法，都比較簡(jiǎn)單水平居中。

利用table中內(nèi)容在單元格中默認(rèn)垂直居中的特性2利用css3中的transform屬性 3利用margin屬性 4利用利用position屬性把left，top，right，bottom四個(gè)的值設(shè)為0，再用marginauto最好把你的代碼改寫了一下，并實(shí)現(xiàn)居中。

01新建html頁面 首先打開visualstudio軟件，然后新建一個(gè)HTML頁面，如下圖所示02主要的 然后創(chuàng)建一個(gè)名為main的div，隨便寫幾個(gè)字，如下圖所示03居中對(duì)齊 然后用代碼bodymargin0auto來樣式化body主題寬度780px如。

css盒子內(nèi)容居中的方法css盒子內(nèi)容水平居中的textaligncenter 或 margin0 auto代碼效果垂直居中的lineheight代碼效果絕對(duì)定位水平垂直居中，positionabsolutetop50%left50%代碼效果。

1給網(wǎng)頁中的標(biāo)簽中附加樣式，textaligncenter就可以達(dá)到整個(gè)標(biāo)簽內(nèi)文字居中的效果2標(biāo)簽是控制整個(gè)html文檔，如果不想全部都居中，可以給自己需要的元素加align=“center”的屬性如。

然后用代碼bodymargin0auto來樣式化body主題寬度780px如下圖所示04預(yù)覽效果 瀏覽器中的預(yù)覽效果如下圖所示怎么樣讓整個(gè)網(wǎng)頁居中顯示水平居中的話一般用marginauto比較好，不過前提是寬度width必須有固定值網(wǎng)頁。