文章詳情頁
為什么css中設置margin:0 auto; 水平居中無效？
瀏覽：147日期：2023-02-03 15:30:42
問題描述
為什么css中設置margin:0 auto; 水平居中無效？
問題解答
回答1：為什么css中設置margin:0 auto; 水平居中無效？-PHP中文網(wǎng)問答-為什么css中設置margin:0 auto; 水平居中無效？-PHP中文網(wǎng)問答
圍觀一下哦，學習一下。
回答2：很多初學制作網(wǎng)頁的朋友，可能會遇到的一個常見問題，就是在CSS中加了margin:0 auto;卻沒有效果，不能居中的問題，margin:0 auto;的意思就是：上下邊界為0，左右根據(jù)寬度自適應，其實就是水平居中的意思，在這里說兩個典型的錯誤引起的不能居中的問題：
1、沒有設置寬度
<p style="margin:0 auto;"></p>
看看上面的代碼，根本沒有設置DIV的寬度，如何根據(jù)寬度自適應呢？新手比較容易忽略的問題。
2、沒聲明DOCTYPE
DOCTYPE是document type（文檔類型）的簡寫，在web設計中用來說明你用的XHTML或者HTML是什么版本。要建立符合標準的網(wǎng)頁，DOCTYPE聲明是必不可少的關鍵組成部分。
還有就是 margin:0 auto; 和 margin-left:auto; margin-right:auto;的現(xiàn)實效果有時間還不一樣，其原因可能在于設置了margin-top的高度不為0時，會出現(xiàn)意想不到的效果。
標簽：
CSS
上一條：css如何隱藏滾動條？下一條：一個關于css的定位問題？
相關文章：
1. css3的背景圖片屬性有沒有把圖中這塊藍框區(qū)域(275*230)完整放在60*50區(qū)域？怎么寫呢2. javascript - jQuery each 方法第三個參數(shù)args 如何解釋？3. javascript - js中遞歸與for循環(huán)同時發(fā)生的時候，代碼的執(zhí)行順序是怎樣的？4. 如何分別在Windows下用Winform項模板+C#，在MacOSX下用Cocos Application項目模板+Objective-C實現(xiàn)一個制作游戲的空的黑窗口？5. android - 優(yōu)酷的安卓及蘋果app還在使用flash技術嗎？6. javascript - 前端開發(fā) 本地靜態(tài)文件頻繁修改，預覽時的緩存怎么解決？7. 新手 - Python 爬蟲 問題 求助8. java - new + 類名，一定需要申明一個對象嗎？9. mysql數(shù)據(jù)庫每次查詢是一條線程嗎？10. python - linux怎么在每天的凌晨2點執(zhí)行一次這個log.py文件
排行榜
熱門標簽
網(wǎng)公網(wǎng)安備