在表格外面嵌套另一個高度為 100% 的表格，外層的表格設(shè)置 td 的 valign 屬性 為 middle lttable width=quot100%quot height=quot100%quot border=quot0quot cellspacing=quot0quot cellpadding=quot0quotlttrlttd align=quotcenterquot valign=quotmiddle；代碼我寫給你，你自己去琢磨 ltstyle boxdisplayinlineblock box*displayinline *zoom1 width50px height80px border#000 1px solid verticalalignmiddle idisplayinlineblock width0；2在indexhtml中的ltbody標(biāo)簽中，輸入樣式代碼style=quotborder 5px solid blueviolettextalign centerquot3瀏覽器運行indexhtml頁面，此時ltbody標(biāo)簽的內(nèi)容被上下左右居中了；三個辦法實現(xiàn)頁面居中布局居中一在html代碼頁面的body標(biāo)簽寫一個ltcenterltcenter的標(biāo)簽，在里面寫內(nèi)容即可實現(xiàn)居中，如接下來使用的兩個方法的前提是你的html代碼鏈接上css代碼不然沒效果 二textalign。

1給網(wǎng)頁中的ltbody style=“textaligncenter ”ltbody 標(biāo)簽中附加樣式，textaligncenter就可以達(dá)到整個ltbody標(biāo)簽內(nèi)文字居中的效果2ltbody 標(biāo)簽是控制整個html文檔，如果不想全部都居中，可以給自己需要的；前言我們在編寫馬過程中，想必大家對水平垂直居中的方法了解并不多所以我給大家總結(jié)式的列出幾種常用的水平垂直居中的方法第一種方法lt！html盒子代碼lt！水平垂直居中l(wèi)tdiv class=quotCentered1quot ltpd第一種；父容器設(shè)置為positionrelative 子容器想要居中的容器，設(shè)置positionabsolute在設(shè)置margintop，marginright等等，如果想要絕對居中，可設(shè)置如下CSS樣式CenterContainer positionrelative AbsoluteCenter width50；左右居中textaligncenter上下居中l(wèi)ineheight設(shè)成文本框的高度lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml。

前提你要知道你需要居中的塊height是多少，比如500px， positionabsolutetop50%margintop250px高度的一半，因為他定位是以塊的邊定位的，不是正中間；文字外層，放個div，div加個樣式，例如1ltdiv class=quottextquot這里是想要居中的文字ltdiv，樣式表里這樣寫texttextaligncenter 例如2ltdiv class=quottextquot style=quot textaligncenterquot這里是想要居中的文字；下面說兩種在屏幕正中水平居中+垂直居中的方法，放上示范的html代碼方法一p使用絕對布局，設(shè)置marginauto并設(shè)置topleftrightbottom的值相等即可，不一定要都是0main textaligncenter*讓p內(nèi)部文字；所以通常圖片高，文字低，不能水平居中對齊2再次編輯ahtml，加入以下css代碼hlong *displayinlineblockverticalalignmiddle3再次使用瀏覽器訪問ahtml頁面即可成功讓div里邊的圖片和文字同時上下居中；先設(shè)置一個div的寬高，使用textalign水平居中再使用lineheight上下居中即可lineheight設(shè)置的高度需跟div的高度一致代碼如下 ltstyle ceter width700px height700px border1px solid #F00 textalign；lttd lttr ltsform ltdiv ltdiv ltbody lthtml 原理就是使用兩個div，一個是絕對定位，一個是相對定位，絕對定位用于控制在瀏覽器中位置相對定們的div把表單包起來，控制讓其居中。

3其在瀏覽器中的顯示效果如下圖所示，我們可以很清晰的看到，文字明顯的靠上靠左對齊4接下來我們就需要為文字元素添加一定的對齊方式，首先我們讓其居中對齊，即使用textaligncenter5使用之后在瀏覽器中進(jìn)行效果；其實，你只需要table，然后給table tdheight30pxlinehieght30pxverticalalignmiddle，就可以上下居中了；文本水平居中使用CSS的textalign屬性來水平居中文本將該屬性應(yīng)用于包含文本的HTML元素，如ltdiv或ltpltstylecentertext textalign centerltstyleltdiv class=quotcentertextquot這是居中的文本ltdiv。