1新建html文檔，在body標(biāo)簽中添加div標(biāo)簽并填寫(xiě)一段文字，然后為這個(gè)div設(shè)置一些樣式2為div添加“textalign”屬性，屬性值為“center”，這時(shí)文字將會(huì)在框內(nèi)水平居中3為div添加“l(fā)ineheight”屬性，屬性值為div的。

首先我們用sublime先創(chuàng)建一個(gè)html，并且在html里面加入div，如下圖所示 然后我們?cè)赿iv中加入一些文字，如下圖所示，文字用span包裹起來(lái) 運(yùn)行頁(yè)面程序以后我們會(huì)看到文字在div的左上角，并沒(méi)有居中的效果，如下圖所示 接下來(lái)。

HTML中可以設(shè)置文字或內(nèi)容居中對(duì)齊下面，我們來(lái)看看怎樣讓DIV中的內(nèi)容居中吧隨便寫(xiě)上文字 先打開(kāi)visual studio軟件，然后在div中隨意寫(xiě)上文字，如下圖所示水平居中代碼 然后在style中寫(xiě)上水平居中代碼bodytext。

這個(gè)center標(biāo)簽就是相對(duì)于p標(biāo)簽里的文字，可以使其居中由于center標(biāo)簽已經(jīng)過(guò)時(shí)了，所以正規(guī)一點(diǎn)的話還是不建議使用的，可以使用如下的方式代替p123p 在HTML中怎么讓p里的東西上下居中一個(gè)是橫豎居中，一個(gè)是橫著。

1舉個(gè)例子，在HTML中的body標(biāo)簽里面寫(xiě)上div標(biāo)簽對(duì)ltdivltdiv2然后我們給div設(shè)置寬高，需要注意，如果不設(shè)置寬度默認(rèn)是100%的哦，這樣就會(huì)占滿整個(gè)頁(yè)面3然后，我們給div加上深粉色的背景顏色，這樣是方便我們。

所以通常圖片高，文字低，不能水平居中對(duì)齊2再次編輯ahtml，加入以下css代碼hlong *displayinlineblockverticalalignmiddle3再次使用瀏覽器訪問(wèn)ahtml頁(yè)面即可成功讓div里邊的圖片和文字同時(shí)上下居中。

可以用“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”屬性。

height 150pxbackgroundcolor redposition fixedtop 20% ltstyle 4查看樣式效果，保存html文件后使用瀏覽器查看設(shè)置的效果5設(shè)置positionfixed 居中為了給div自動(dòng)居中顯示，只需要在fixed類(lèi)中再添加。