在HTML中，讓元素居中的方法主要有以下幾種文字垂直水平居中水平居中對(duì)于文字元素，可以直接使用textalign center來(lái)實(shí)現(xiàn)水平居中盒子垂直水平居中可以使用多種方法，如CSS的margin auto結(jié)合固定寬高，或者利用定位position屬性結(jié)合transform屬性等圖片居中圖片作為特殊的文本元素，通常可。

方法一 設(shè)置盒子高度與lineheight相同，本方法適用于一行文字圖片垂直居中 和一行文字對(duì)齊 用屬性verticalalign 小圖標(biāo)和文字垂直對(duì)齊，小圖標(biāo)作為背景插入 attr設(shè)置自己生成的屬性，像selected checked這類即使用鼠標(biāo)點(diǎn)過(guò) 他的值是undefinded，所以自有屬性推薦用prop 包含塊Containing Block。

其在瀏覽器中的顯示效果如下圖所示，我們可以很清晰的看到，文字明顯的靠上靠左對(duì)齊接下來(lái)我們就需要為文字元素添加一定的對(duì)齊方式，首先我們讓其居中對(duì)齊，即使用textaligncenter使用之后在瀏覽器中進(jìn)行效果查看，可以很清楚的看到，文字相對(duì)于之前靠右對(duì)齊了我們可以從上一個(gè)圖中看到，文字在垂直。

writingmodeverticallr 垂直方向，從左到右 IE私有屬性其他瀏覽器不兼容writingmodelrtb 默認(rèn)，從左到右，從上到下writingmodetbrl 從上到下，從右到左writingmodetblr 水平方向，從上到下，從左到右代碼實(shí)例lt！DOCTYPE htmllthead ltmeta cha。

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

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