文字垂直居中設(shè)置標(biāo)簽高度height，并且設(shè)置行高lineheight值與height值一樣也可以給父標(biāo)簽設(shè)置相對(duì)定位positionrelative，然后文字用一個(gè)行內(nèi)標(biāo)簽如span包裹，并且給span設(shè)置絕對(duì)定位div垂直居中可以使用margin或padding來(lái)控制比如margin70% 0上下70%，左右0如果滿(mǎn)意，望采納；6我們可以從上一個(gè)圖中看到，文字在垂直方向上還是不對(duì)齊的，接下來(lái)我們就需要為文字添加垂直對(duì)齊樣式，lineheight，我們需要將這一樣式的大小設(shè)為文字外層元素的高度大小，這樣便可正好垂直居中對(duì)齊了7接下來(lái)我們刷新瀏覽器中的頁(yè)面，查看效果，現(xiàn)在的文字已是垂直水平均居中的狀態(tài)注意事項(xiàng)line；可以使用“textalign”屬性讓文字水平居中，使用“l(fā)ingheight”屬性讓文字垂直居中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”屬性，屬性值為；2第二步，執(zhí)行完上面的操作之后，將“ textalign”屬性添加到div，該屬性值為“ center”，然后文本將在框架內(nèi)水平居中，見(jiàn)下圖，轉(zhuǎn)到下面的步驟3第三步，執(zhí)行完上面的操作之后，將“ lineheight”屬性添加到div，該屬性值為div的高度，然后文本將在框中垂直居中，見(jiàn)下圖這樣，就解決了。

html垂直居中有4中方法分別有使用lineheight使用表格利用displaytablecell使用絕對(duì)定位具體實(shí)現(xiàn)方法使用lineheight 把文字的lineheight設(shè)為文字父容器的高度，適用于只有一行文字的情況可以讓文字在父元素內(nèi)垂直居中使用表格 在IE67中我們可以使用vertivalalignmiddle來(lái)對(duì)表格里的；文本水平居中使用CSS的textalign屬性來(lái)水平居中文本將該屬性應(yīng)用于包含文本的HTML元素，如ltdiv或ltpltstylecentertext textalign centerltstyleltdiv class=quotcentertextquot這是居中的文本ltdiv文本垂直居中垂直居中文本通常需要更多的CSS樣式你可以使用CSS的display flex；演示文本”默認(rèn)位置為div盒子的左上方2這時(shí)給div標(biāo)簽添加上“textalign”屬性，屬性值為“center”，這時(shí)文字將會(huì)在div容器中水平居中3這時(shí)給div標(biāo)簽添加行高“l(fā)ingheight”屬性，屬性值為高度的值“100px”，再添加“verticalalign”屬性，屬性值為“middle”，這時(shí)文字將會(huì)水平垂直都居中；在html中將框內(nèi)的文字既垂直居中又水平居中的操作步驟如下 1首先創(chuàng)建一個(gè)盒子，并在中間輸入文字信息2然后對(duì)盒子添加了邊框顏色后，這時(shí)文字在左側(cè)第1行位置 3輸入textalign 這個(gè)文字的對(duì)齊樣式，然后在屬性中輸入center中間的意思，就是將文字在水平位置居中4這樣就是文字在水平位置上；回答HTML中表格合并單元格后文字垂直居中的方法給單元格樣式加上 valign=quotmiddlequot，文字就垂直居中對(duì)齊了 HTML表格屬性 border此屬性定義表格的邊框比如，border=1，表示表格邊框的粗細(xì)為1個(gè)像素默認(rèn)值，為0表示沒(méi)有邊框 cellspacing單元格間距當(dāng)一個(gè)表格有多個(gè)單元格時(shí)，各單元格的距離就是。

單行文字即文字較少，不夠一行重直居中比較好解決，使用行高和高度相等即可如abcheight100pxlineheight100px 多行文本垂直居中分兩種情況 1div高度不固定，使用padding屬性，將上下空相等的間距即可，如abcheightautopadding20px 10px*上下各空20px，左右空10px* 2；1第一種定寬塊狀元素水平居中設(shè)置“左右margin”值為“auto”來(lái)實(shí)現(xiàn)居中代碼如圖2瀏覽器查看結(jié)果如圖所示3第二種不定寬元素設(shè)置的居中的元素外面加入一個(gè) table 標(biāo)簽 為這個(gè) table 設(shè)置左右 margin 居中代碼如圖4結(jié)果顯示如圖所示5第三種不定寬塊狀元，改變塊級(jí)元素的；htmlahref=#我是A標(biāo)簽的內(nèi)容a運(yùn)行結(jié)果不使用css寬度和高度由內(nèi)容決定使用css后寬度和高度由css屬性決定html中間部分用什么標(biāo)簽a標(biāo)簽本身默認(rèn)類(lèi)似css中displayinline，即內(nèi)聯(lián)元素，沒(méi)有回車(chē)符這時(shí)，任何對(duì)a元素的配置，均無(wú)法讓a標(biāo)簽內(nèi)的文字居中對(duì)齊只能影響a標(biāo)簽整體對(duì)齊了解a；文字外層，放個(gè)div，div加個(gè)樣式，例如1ltdiv class=quottextquot這里是想要居中的文字ltdiv，樣式表里這樣寫(xiě)texttextaligncenter 例如2ltdiv class=quottextquot style=quot textaligncenterquot這里是想要居中的文字ltdiv；textalign center表示水平居中，lineheight 200px表示垂直居中，lineheight的屬性要根據(jù)文字所在的標(biāo)簽的高度來(lái)設(shè)置，比如我的文字是在div里面，div是200px，就設(shè)置200px，如果你的div或者其他標(biāo)簽是400px，就設(shè)置400px。

2然后我們?cè)趆tml頁(yè)面中加入div標(biāo)簽，并且在div標(biāo)簽中加入一些文字，如下圖所示 3接下來(lái)我們給div標(biāo)簽編寫(xiě)CSS樣式，如下圖所示，這里主要是textalign和lineheight兩個(gè)屬性，如下圖所示 4最后我們運(yùn)行頁(yè)面程序，你就會(huì)在頁(yè)面中看到div中的文字水平垂直都居中了，如下圖所示 工具材料 Sublime Text；方法1在標(biāo)簽中使用style屬性，添加“textaligncenter”樣式來(lái)設(shè)置文字水平居中2使用style屬性，添加“verticalalignmiddledisplaytablecell”樣式設(shè)置垂直居中本教程操作環(huán)境windows7系統(tǒng)CSS3HTML5版Dell G3電腦方法1使用style屬性，添加“textaligncenter”樣式 HTML；方法一 設(shè)置盒子高度與lineheight相同，本方法適用于一行文字圖片垂直居中 和一行文字對(duì)齊 用屬性verticalalign 小圖標(biāo)和文字垂直對(duì)齊，小圖標(biāo)作為背景插入 attr設(shè)置自己生成的屬性，像selected checked這類(lèi)即使用鼠標(biāo)點(diǎn)過(guò) 他的值是undefinded，所以自有屬性推薦用prop 包含塊Containing Block；為了使文字在中水平和垂直居中，可以使用CSS樣式首先需要設(shè)置文字的水平居中，可以使用quottextaligncenterquot接著，要實(shí)現(xiàn)垂直居中，需要設(shè)置行高與的高度一致，使用quotlineheight20pxquot進(jìn)行設(shè)置具體實(shí)現(xiàn)代碼如下HTML部分1 ltdiv水平垂直居中l(wèi)tdiv CSS部分1 2 3 4 5 6 7。