問(wèn)題描述

為什么css中設(shè)置margin:0 auto; 水平居中無(wú)效？

問(wèn)題解答

為什么css中設(shè)置margin:0 auto; 水平居中無(wú)效？-PHP中文網(wǎng)問(wèn)答-為什么css中設(shè)置margin:0 auto; 水平居中無(wú)效？-PHP中文網(wǎng)問(wèn)答

圍觀一下哦，學(xué)習(xí)一下。

很多初學(xué)制作網(wǎng)頁(yè)的朋友，可能會(huì)遇到的一個(gè)常見(jiàn)問(wèn)題，就是在CSS中加了margin:0 auto;卻沒(méi)有效果，不能居中的問(wèn)題，margin:0 auto;的意思就是：上下邊界為0，左右根據(jù)寬度自適應(yīng)，其實(shí)就是水平居中的意思，在這里說(shuō)兩個(gè)典型的錯(cuò)誤引起的不能居中的問(wèn)題：

1、沒(méi)有設(shè)置寬度

<p style="margin:0 auto;"></p>

看看上面的代碼，根本沒(méi)有設(shè)置DIV的寬度，如何根據(jù)寬度自適應(yīng)呢？新手比較容易忽略的問(wèn)題。

2、沒(méi)聲明DOCTYPE

DOCTYPE是document type（文檔類(lèi)型）的簡(jiǎn)寫(xiě)，在web設(shè)計(jì)中用來(lái)說(shuō)明你用的XHTML或者HTML是什么版本。要建立符合標(biāo)準(zhǔn)的網(wǎng)頁(yè)，DOCTYPE聲明是必不可少的關(guān)鍵組成部分。

還有就是 margin:0 auto; 和 margin-left:auto; margin-right:auto;的現(xiàn)實(shí)效果有時(shí)間還不一樣，其原因可能在于設(shè)置了margin-top的高度不為0時(shí)，會(huì)出現(xiàn)意想不到的效果。