文章詳情頁
為什么css中設(shè)置margin:0 auto; 水平居中無效？
瀏覽：162日期：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)頁的朋友，可能會遇到的一個(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（文檔類型）的簡寫，在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í)，會出現(xiàn)意想不到的效果。
標(biāo)簽：
CSS
相關(guān)文章：
1. java - svn導(dǎo)下來的項(xiàng)目，web-inf下怎么沒有l(wèi)ib文件呀？2. java - 怎樣才算是一個(gè)內(nèi)部類3. javascript - 關(guān)于nodejs處理并發(fā)的一點(diǎn)小疑惑4. css3 - css做動畫效果5. javascript - vue-cli proxyTable怎么配置6. java-ee - JAVA8 lambdas表達(dá)式 改變外面變量的值7. windows - idea提示錯(cuò)誤：java.lang.ClassNotFoundException: com.mysql.jdbc.Driver8. java - JPA連接數(shù)據(jù)庫，一段時(shí)間沒有數(shù)據(jù)操作會關(guān)閉連接，再次訪問就會拋出異常，如何解決？9. java - 安裝visibroker時(shí)報(bào)錯(cuò)10. java - 部署web項(xiàng)目時(shí)無法省略項(xiàng)目名？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備