文章詳情頁(yè)
為什么css中設(shè)置margin:0 auto; 水平居中無效？
瀏覽：128日期：2023-02-03 15:30:42
問題描述
為什么css中設(shè)置margin:0 auto; 水平居中無效？
問題解答
回答1：為什么css中設(shè)置margin:0 auto; 水平居中無效？-PHP中文網(wǎng)問答-為什么css中設(shè)置margin:0 auto; 水平居中無效？-PHP中文網(wǎng)問答
圍觀一下哦，學(xué)習(xí)一下。
回答2：很多初學(xué)制作網(wǎng)頁(yè)的朋友，可能會(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)頁(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)意想不到的效果。
標(biāo)簽：
CSS
相關(guān)文章：
1. 致命錯(cuò)誤: Class ’appfacadeTest’ not found2. python - 數(shù)據(jù)無法插入到mysql表里3. dockerfile - 為什么docker容器啟動(dòng)不了？4. java - Oracle如何獲取去重結(jié)果集中某一條數(shù)據(jù)的下一條數(shù)據(jù)5. docker-compose中volumes的問題6. javascript - 求正則表達(dá)式的寫法7. javascript - 正則匹配大于0，不大于16，不超過兩位小數(shù)8. python - pyspider的分布式運(yùn)行成功，2臺(tái)slave跑，但是時(shí)間并沒有縮短問題？9. mysql set類型字段問題10. mysql scripts提示 /usr/bin/perl: bad interpreter
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備