1、1創(chuàng)建一個(gè)新的html文件，向body標(biāo)簽添加一個(gè)div標(biāo)簽，并在div標(biāo)簽中輸入文本這里以“演示文本”為例，設(shè)置div標(biāo)簽的寬度高度和背景色屬性，屬性值分別為200100和灰度此時(shí)，“演示文本”的默認(rèn)位置在div框的左上方。

2、1正文示例，編寫(xiě)div標(biāo)記對(duì)2然后我們?cè)O(shè)置div的寬度和高度需要注意的是，如果沒(méi)有設(shè)置寬度，默認(rèn)為100%，會(huì)占據(jù)整個(gè)頁(yè)面3然后，我們給div添加一個(gè)深粉色的背景色，方便我們直觀(guān)的看到div的布局4然后預(yù)覽div布。

3、需要的主要css代碼有兩個(gè)，一個(gè)為textaligncenter內(nèi)容居中，另外一個(gè)為margin0auto其兩個(gè)樣式需要配合使用才能實(shí)現(xiàn)div盒子的居中顯示排版首先我們對(duì)body設(shè)置textaligncenter，再對(duì)需要居中的div盒子設(shè)置css樣式marg。

4、如何讓div的大小占據(jù)整個(gè)屏幕 1首先使用HTML編輯器sublime_text，點(diǎn)擊進(jìn)入2在開(kāi)始編寫(xiě)代碼之前，先檢查一下css中什么可以控制div的大小3知道了如何控制div框的大小，開(kāi)始寫(xiě)代碼吧首先，編寫(xiě)三個(gè)div框，然后分別控制。

5、$#39div#39height2#39div#39css#39marginleft#39， left + #39px#39#39div#39css#39margintop#39， top + #39px#39 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)無(wú)論怎么拉伸窗口，div都會(huì)自動(dòng)調(diào)整到屏幕正中央。

6、5設(shè)置positionfixed 居中為了給div自動(dòng)居中顯示，只需要在fixed類(lèi)中再添加left 0right 0margin0 auto6查看居中效果保存html文件后使用瀏覽器打開(kāi)，就絕對(duì)居中了。

7、d1border1px solid redwidth200pxheight200pxtextaligncenterlineheight40pxmargin0 autoltstyleltheadltbodyltdiv class=quotd1quot我是div，我居中啦ltdivltbodylthtml。

8、marginleft200px margintop150px backgroundcolor#aafltstyleltdiv id=Altdivltdiv id=Bltdiv第二種方法，讓B相對(duì)于A(yíng)來(lái)定位注意A包含Bltstyle#A positionabsolute left50% top50。

9、設(shè)置浮動(dòng)首先，先給一個(gè)大的div作為父容器給他設(shè)置好寬，高父容器設(shè)置為positionrelative 子容器想要居中的容器，設(shè)置positionabsolute在設(shè)置margintop，marginright等等，如果想要絕對(duì)居中，可設(shè)置如下CSS樣式。

10、之后在設(shè)置margin的值上下邊距為0，左右為auto，ul列表就居中了3最后打開(kāi)瀏覽器查看效果，可以看到div中的列表詩(shī)句中的以上就是html無(wú)序列表在div中居中的方法介紹。

11、ltdiv class=quotmaskboxquotltdiv ltdiv class=quotdialogboxquot 彈窗內(nèi)容 ltdiv 通過(guò)fixed定位實(shí)現(xiàn)， quotmaskboxquot 模擬背景，quotdialogboxquot作為彈窗容器，里面寫(xiě)彈窗的內(nèi)容通過(guò)控制樣式，切換 displayblock disp。

12、第一種將圖片的maxwidth數(shù)值px 數(shù)值設(shè)置成你的div2的寬度 第二種將圖片作為div2的背景圖， 這種可以不裁剪圖片尺寸backgroundurl圖片路徑 center top norepeat。

13、可以用“textalign”屬性控制文字的位置，“center”屬性值讓文字居中顯示1新建html文檔，在body標(biāo)簽中添加一個(gè)div標(biāo)簽，在div標(biāo)簽中添加p標(biāo)簽，這時(shí)文字將會(huì)在div標(biāo)簽中靠左顯示2為div標(biāo)簽設(shè)置“textalign”屬性。

14、html中讓div層固定在屏幕中央右邊500像素的位置，這個(gè)的話(huà)，我就需要用html中的position的絕對(duì)定位來(lái)做，我們需要提前知道的有div距離中間的距離，上邊的距離，右邊的距離，這三個(gè)是需要知道的，這里我寫(xiě)一段代碼lthtml lt。

15、1新建html文檔，在body標(biāo)簽中添加div標(biāo)簽，然后在div標(biāo)簽中添加img標(biāo)簽2為div標(biāo)簽添加“margin”屬性，屬性值是“0 auto”，這時(shí)div標(biāo)簽將會(huì)在網(wǎng)頁(yè)中居中顯示3為div標(biāo)簽添加“textalign”屬性，屬性值是“center”。