設(shè)置浮動(dòng)首先，先給一個(gè)大的div作為父容器給他設(shè)置好寬，高父容器設(shè)置為positionrelative 子容器想要居中的容器，設(shè)置positionabsolute在設(shè)置margintop，marginright等等，如果想要絕對(duì)居中，可設(shè)置如下CSS樣式；我們?cè)谶M(jìn)行Web前端代碼編輯時(shí)，經(jīng)常會(huì)遇到元素需要居中的問(wèn)題，為此，特地總價(jià)了一下幾種讓元素居中的方法一水平居中textaligncenter 這個(gè)屬性在沒(méi)有浮動(dòng)的情況下，我們可以將塊級(jí)元素轉(zhuǎn)換為inlineinlineblock。

頁(yè)面代碼 ！doctype html html head meta charset=#34utf8#34 titlediv水平居中顯示title style type=#34textcss#34 mar width960px height300px backgroundcolor#F90 margin0 auto；HTML中可以設(shè)置文字或內(nèi)容居中對(duì)齊下面，我們來(lái)看看怎樣讓DIV中的內(nèi)容居中吧隨便寫上文字 先打開(kāi)visual studio軟件，然后在div中隨意寫上文字，如下圖所示水平居中代碼 然后在style中寫上水平居中代碼bodytext。

網(wǎng)頁(yè)設(shè)計(jì)中的css盒子內(nèi)容居中，你可以先寫2個(gè)div，第一個(gè)包裹著第二個(gè)，然后在設(shè)置第一個(gè)的寬高，在通過(guò)margin0 auto居中就行，margin的意思就是距離瀏覽器的外邊距，如圖這里我寫段代碼lthtml lthead lttitle；比如 ltdiv class=div_altdiv class=quotdiv_bquotltdivltdiv 設(shè)置div_b的樣式 div_bwidth100px margin0 auto 這樣div_b便在div_a中水平居中了如果外面沒(méi)有父DIV，則div_b便相對(duì)于整個(gè)頁(yè)面居中注意。

關(guān)于如何在div中使文本水平和垂直居中的css代碼 您可以使用“文本對(duì)齊”屬性和“行高”屬性1創(chuàng)建一個(gè)新的html文件，向body標(biāo)簽添加一個(gè)div標(biāo)簽，并在div標(biāo)簽中輸入文本這里以“演示文本”為例，設(shè)置div標(biāo)簽的寬度高度；DreamweaverDW中的div層居中主要就靠css樣式*margin0 auto，讓整個(gè)頁(yè)面居中下面是代碼案例 ltmeta charset=utf8quot 無(wú)標(biāo)題文檔ltstyle type=textcss*margin0 auto#Layer1border1px solid #ff0000。

div居中對(duì)齊的代碼

下面說(shuō)兩種在屏幕正中水平居中+垂直居中的方法，放上示范的html代碼方法一p使用絕對(duì)布局，設(shè)置marginauto并設(shè)置topleftrightbottom的值相等即可，不一定要都是0main textaligncenter*讓p內(nèi)部文字。

負(fù)值的大小為層自身寬度高度除以二如一個(gè)層寬度是400，高度是300使用絕對(duì)定位距離上部與左部都設(shè)置成50%而margintop的值為－150marginleft的值為－200這樣我們就實(shí)現(xiàn)了層垂直居中于瀏覽器的樣式編寫div。

IE9+以及其他現(xiàn)代瀏覽器才支持IE9之前版本不支持，在IE8模式下，不居中，如圖4講解第二種div絕對(duì)定位水平垂直居中marginauto實(shí)現(xiàn)絕對(duì)定位元素的居中，代碼兩個(gè)關(guān)鍵點(diǎn)1上下左右均0位置定位2margin auto。

其中 marginleft100px 和 margintop100px 可以寫成 margin100px #1600px #1600px #160100px 方法三div使用絕對(duì)定位positionabsolute，并且設(shè)置left和top的值都為50%使用css3的transform屬性。

首先我們對(duì)body設(shè)置textaligncenter，再對(duì)需要居中的div盒子設(shè)置css樣式margin0auto，這樣即可讓對(duì)應(yīng)div水平居中div居中代碼應(yīng)用，為了觀察div居中效果，我們對(duì)div設(shè)置一個(gè)div命名為“div”在html中div標(biāo)簽內(nèi)使用class=“。

div里面的div居中方法一條件這個(gè)時(shí)候?qū)Α癰ody”設(shè)置css內(nèi)容居中樣式textaligncenter即CSS代碼bodytextaligncenter一 設(shè)置這個(gè)時(shí)候?qū)Α?divcss”設(shè)置居中必備樣式css margin即CSS代碼divcss5margin0。

2在body中添加一個(gè)DIV，并引入一個(gè)CSS，命名為aaa3給這個(gè)DIV添加背景色，并定義它的寬和高，命令的代碼是background #FA2width 400pxheight 600px4為了定義DIV上下居中，可以使用marginto。

讓絕對(duì)定位的div居中

第一種方式設(shè)置body 居中在CSS中的代碼是bodytextaligncenter第二種方式用盒子模型，首先設(shè)置一個(gè)Div ，這個(gè)DIV的寬度為100%，然后在這個(gè)DIV居中，那么在這個(gè)DIV中加的內(nèi)容就居中顯示，代碼如下ltdiv。