textalign center表示水平居中，lineheight 200px表示垂直居中，lineheight的屬性要根據(jù)文字所在的標(biāo)簽的高度來(lái)設(shè)置，比如我的文字是在div里面。

position absolute left 0 bottom 0 right0 top 0 margin auto 第二種方法lt！html盒子代碼lt！水平垂直居中l(wèi)tdiv class=quotCentered2quot ltpd第二種ltpltdivlt！css樣式部分*。

1新建html文檔，在body標(biāo)簽中添加p標(biāo)簽，標(biāo)簽的id為“header”，這時(shí)因?yàn)閜標(biāo)簽中沒(méi)有內(nèi)容且沒(méi)有設(shè)置樣式，所以網(wǎng)頁(yè)中顯示空白2這時(shí)為p標(biāo)簽設(shè)置原題中的css樣式，此時(shí)雖然p盒子顯示了，但是沒(méi)有居中3此時(shí)為p添加。

可以用增高行距的辦法變通實(shí)現(xiàn)垂直居中，完整代碼如下lthtml lthead ltstyle bodyTEXTALIGN center center MARGINRIGHT autoMARGINLEFT autoheight200pxbackground#F00width400pxverticalalign。

1給網(wǎng)頁(yè)中的ltbody style=“textaligncenter ”ltbody 標(biāo)簽中附加樣式，textaligncenter就可以達(dá)到整個(gè)ltbody標(biāo)簽內(nèi)文字居中的效果2ltbody 標(biāo)簽是控制整個(gè)html文檔，如果不想全部都居中，可以給自己需要的。

關(guān)于如何在div中使文本水平和垂直居中的css代碼 您可以使用“文本對(duì)齊”屬性和“行高”屬性1創(chuàng)建一個(gè)新的html文件，向body標(biāo)簽添加一個(gè)div標(biāo)簽，并在div標(biāo)簽中輸入文本這里以“演示文本”為例，設(shè)置div標(biāo)簽的寬度高度。

div垂直居中可以使用margin或padding來(lái)控制比如margin70%0上下70%，左右0如果滿意，望采納，謝謝如果不懂，可隨時(shí) Html如何設(shè)置元素垂直居中1單行文本是通過(guò)設(shè)置父元素的height和lineheight高度一致來(lái)完成的。

我們?cè)谠O(shè)計(jì)頁(yè)面的時(shí)候，經(jīng)常要把DIV居中顯示，而且是相對(duì)頁(yè)面窗口水平和垂直方向居中顯示，如讓登錄窗口居中顯示到現(xiàn)在為止，探討了很多種方法HTMLltbody ltdiv class=quotmaxboxquot ltdiv class=quotminbox aligncenterquot。

top50%left50%margin150px 0 0 200pxwidth400pxheight300pxborder1px solid #008800 ltstyle ltdiv讓層垂直居中于瀏覽器窗口ltdiv 2DIV未知高度的垂直居中代碼lt！DOCTYPE html。

在html中將框內(nèi)的文字既垂直居中又水平居中的操作步驟如下1首先創(chuàng)建一個(gè)盒子，并在中間輸入文字信息2然后對(duì)盒子添加了邊框顏色后，這時(shí)文字在左側(cè)第1行位置3輸入textalign 這個(gè)文字的對(duì)齊樣式，然后在屬性中。

然后文本將在框架內(nèi)水平居中，見(jiàn)下圖，轉(zhuǎn)到下面的步驟3第三步，執(zhí)行完上面的操作之后，將“ lineheight”屬性添加到div，該屬性值為div的高度，然后文本將在框中垂直居中，見(jiàn)下圖這樣，就解決了這個(gè)問(wèn)題了。

6我們可以從上一個(gè)圖中看到，文字在垂直方向上還是不對(duì)齊的，接下來(lái)我們就需要為文字添加垂直對(duì)齊樣式，lineheight，我們需要將這一樣式的大小設(shè)為文字外層元素的高度大小，這樣便可正好垂直居中對(duì)齊了7接下來(lái)我們刷新。

在body中水平具體可以使用css代碼中的marginauto‘垂直居中可以使用linehightpx這樣就可以實(shí)現(xiàn)了。

一定位 1首先將htmlbody高度設(shè)為100%，清除默認(rèn)的marginpadding值2設(shè)置盒子margin值為0 auto，實(shí)現(xiàn)水平居中3開(kāi)啟盒子的相對(duì)定位，將其下移父元素的50%4若已知盒子高度，可通過(guò)margintop屬性將其上移自身。

如果垂直居中的元素高度已知，這個(gè)比較簡(jiǎn)單，也不需要額外的輔助元素 參考下列HTML代碼lt！DOCTYPE HTML lthtml lthead ltmeta。

可以用“textalign”屬性和“l(fā)ineheight”屬性1新建html文件，在body標(biāo)簽中添加div標(biāo)簽，在div標(biāo)簽輸入文字，這里以“演示文本”為例，給div標(biāo)簽設(shè)置寬度高度和背景色屬性，屬性值分別為200100和灰色，這時(shí)“演示。