問題描述

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

問題解答

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

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

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

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

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

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

2、沒聲明DOCTYPE

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

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