今天依然說(shuō)說(shuō)網(wǎng)站建設(shè)技術(shù)方面的事情，對(duì)于大多從事div+css布局的人來(lái)說(shuō)，margin 0 auto這個(gè)代碼是再熟悉不過(guò)了，意思是說(shuō)讓某個(gè)模塊相對(duì)于其上一層的模塊居中一下，很是簡(jiǎn)單，當(dāng)然這個(gè)僅是用來(lái)確定模塊本身位置的，至于模塊內(nèi)部的東西如果要居中，還要再次設(shè)置一下這個(gè)模塊的text-align屬性為center值。
詳細(xì)的說(shuō)一下這個(gè)margin 0 auto（注：以下內(nèi)容僅是菜鳥(niǎo)專用，高手請(qǐng)繞過(guò)），有四層意思，即margin-top:0px、margin-right:auto、margin-bottom:0px、margin-left:auto，換句話說(shuō)，即上下為0px，左右側(cè)為自動(dòng)居中auto，而margin的參數(shù)含義順序?yàn)樯隙�、右端、下端、左端，�?dāng)要某個(gè)模塊居中時(shí)，直接使用margin 0 auto，就是說(shuō)左右居中，上下不空隔。
啰嗦了這么長(zhǎng)的時(shí)間，究想表達(dá)什么呢？網(wǎng)站布局中margin的auto使用不能重復(fù)定義，否則就會(huì)產(chǎn)生嚴(yán)重沖突，致使布局雜亂無(wú)章。
比如有時(shí)需要設(shè)置某個(gè)模塊上端空個(gè)50px出來(lái)，或是下端空一點(diǎn)出來(lái)，菜鳥(niǎo)們會(huì)這樣寫(xiě) margin 0 auto;margin-top:50px，其實(shí)這樣做是非常錯(cuò)誤的，因?yàn)檫@個(gè)margin 0 auto已經(jīng)包含上端空隙了，反復(fù)定義二次，兩者margin就會(huì)有沖突，顯然程序就會(huì)亂套，正確的寫(xiě)法是嚴(yán)格按照先前我講的格式寫(xiě)，比如這個(gè)模塊上端要空50px，下端要空70px出來(lái)，則必須這樣寫(xiě)：margin 50px auto 70px（三個(gè)參數(shù)），或是margin 50px auto 70px auto（四個(gè)參數(shù)），兩者一樣。
今天表達(dá)的就是這個(gè)意思，但如果覺(jué)得麻煩，也可使用padding來(lái)實(shí)現(xiàn)，比如可以這樣寫(xiě)：margin 0 auto; padding-top:50px;padding-bottom:70px，當(dāng)然在實(shí)際的網(wǎng)站建設(shè)過(guò)程中，要弄清padding的意思，其是內(nèi)部的填充，不是模塊外的填充。
