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

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

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

writingmodeverticallr 垂直方向，從左到右 IE私有屬性其他瀏覽器不兼容writingmodelrtb 默認(rèn)，從左到右，從上到下writingmodetbrl 從上到下，從右到左writingmodetblr 水平方向，從上到下，從左到右代碼實例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和灰色，這時“演示文本”默認(rèn)位置為div盒子的左上方2這時給div標(biāo)簽添加上“textalign”屬性。

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