文章詳情頁
為什么css中設置margin:0 auto; 水平居中無效？
瀏覽：172日期：2023-02-03 15:30:42
問題描述
為什么css中設置margin:0 auto; 水平居中無效？
問題解答
回答1：為什么css中設置margin:0 auto; 水平居中無效？-PHP中文網問答-為什么css中設置margin:0 auto; 水平居中無效？-PHP中文網問答
圍觀一下哦，學習一下。
回答2：很多初學制作網頁的朋友，可能會遇到的一個常見問題，就是在CSS中加了margin:0 auto;卻沒有效果，不能居中的問題，margin:0 auto;的意思就是：上下邊界為0，左右根據寬度自適應，其實就是水平居中的意思，在這里說兩個典型的錯誤引起的不能居中的問題：
1、沒有設置寬度
<p style="margin:0 auto;"></p>
看看上面的代碼，根本沒有設置DIV的寬度，如何根據寬度自適應呢？新手比較容易忽略的問題。
2、沒聲明DOCTYPE
DOCTYPE是document type（文檔類型）的簡寫，在web設計中用來說明你用的XHTML或者HTML是什么版本。要建立符合標準的網頁，DOCTYPE聲明是必不可少的關鍵組成部分。
還有就是 margin:0 auto; 和 margin-left:auto; margin-right:auto;的現實效果有時間還不一樣，其原因可能在于設置了margin-top的高度不為0時，會出現意想不到的效果。
標簽：
CSS
上一條：css如何隱藏滾動條？下一條：一個關于css的定位問題？
相關文章：
1. css - 新手做響應式布局， 斷點過后右側出現空白，求幫助，謝謝。2. javascript - 關于<a>元素與<input>元素的JS事件運行問題3. css3 - 純css實現點擊特效4. mysql - 查詢字段做了索引為什么不起效,還有查詢一個月的時候數據都是全部出來的，如果分拆3次的話就沒問題，為什么呢。5. mysql - 記得以前在哪里看過一個估算時間的網站6. 大家好，我想請問一下怎么做搜索欄能夠搜索到自己網站的內容。7. ID主鍵不是自增的嗎 為什么還要加null8. MySQL中的enum類型有什么優點？9. python - 啟動Eric6時報錯：’qscintilla_zh_CN’ could not be loaded10. javascript - vue 怎么渲染自定義組件
排行榜
網公網安備