本篇內(nèi)容介紹了“CSS中margin:0auto無法居中的解決方法”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

公司主營(yíng)業(yè)務(wù)：成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出深州免費(fèi)做網(wǎng)站回饋大家。

本文向大家描述一下CSS中margin:0auto;無法居中解決方法，CSS中加了margin:0auto;卻沒有效果，不能居中的問題！margin:0auto;的意思就是：上下邊界為0，左右根據(jù)寬度自適應(yīng)！其實(shí)就是水平居中的意思！

CSS中margin:0auto;無法居中解決方法

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

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

<divstyledivstyle="margin:0auto;"></div>

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

2、沒聲明DOCTYPE

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

②看看下面的代碼，是不是很熟悉？像這樣的，在文檔最頂端，所有代碼之上的亂七八糟的東西，就是用來聲明DOCTYPE的！

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

③你有三種選擇，用來聲明DOCTYPE

◆過渡的(Transitional)：要求非常寬松的DTD，它允許你繼續(xù)使用HTML4.01的標(biāo)識(shí)(但是要符合xhtml的寫法)，完整代碼如下：

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

◆嚴(yán)格的(Strict)：要求嚴(yán)格的DTD，你不能使用任何表現(xiàn)層的標(biāo)識(shí)和屬性，例如<br>，完整代碼如下：

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

◆框架的(Frameset)：專門針對(duì)框架頁(yè)面設(shè)計(jì)使用的DTD，如果你的頁(yè)面中包含有框架，需要采用這種DTD，完整代碼如下：

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Frameset//EN""   http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

④至于選擇哪種。。使用過度的就可以了。

說了半天，margin:0atuo;不起作用，不能居中的話，看看你的文檔最頂端有沒有聲明DOCTYPE，沒有就復(fù)制粘貼一下，就可以了！

“CSS中margin:0auto無法居中的解決方法”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

分享文章：CSS中margin:0auto無法居中的解決方法
新聞來源：http://www.chinadenli.net/article10/gpccdo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、網(wǎng)站維護(hù)、手機(jī)網(wǎng)站建設(shè)、App開發(fā)、網(wǎng)站營(yíng)銷、關(guān)鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)