在HTML中，让元素居中的方法主要有以下几种文字垂直水平居中水平居中对于文字元素，可以直接使用textalign center来实现水平居中盒子垂直水平居中可以使用多种方法，如CSS的margin auto结合固定宽高，或者利用定位position属性结合transform属性等图片居中图片作为特殊的文本元素，通常可。

方法一 设置盒子高度与lineheight相同，本方法适用于一行文字图片垂直居中 和一行文字对齐 用属性verticalalign 小图标和文字垂直对齐，小图标作为背景插入 attr设置自己生成的属性，像selected checked这类即使用鼠标点过 他的值是undefinded，所以自有属性推荐用prop 包含块Containing Block。

其在浏览器中的显示效果如下图所示，我们可以很清晰的看到，文字明显的靠上靠左对齐接下来我们就需要为文字元素添加一定的对齐方式，首先我们让其居中对齐，即使用textaligncenter使用之后在浏览器中进行效果查看，可以很清楚的看到，文字相对于之前靠右对齐了我们可以从上一个图中看到，文字在垂直。

writingmodeverticallr 垂直方向，从左到右 IE私有属性其他浏览器不兼容writingmodelrtb 默认，从左到右，从上到下writingmodetbrl 从上到下，从右到左writingmodetblr 水平方向，从上到下，从左到右代码实例lt！DOCTYPE htmllthead ltmeta cha。

可以用“textalign”属性和“lineheight”属性1新建html文件，在body标签中添加div标签，在div标签输入文字，这里以“演示文本”为例，给div标签设置宽度高度和背景色属性，属性值分别为200100和灰色，这时“演示文本”默认位置为div盒子的左上方2这时给div标签添加上“textalign”属性。

可以使用“textalign”属性让文字水平居中，使用“lingheight”属性让文字垂直居中1新建html文档，在body标签中添加div标签并填写一段文字，然后为这个div设置一些样式2为div添加“textalign”属性，属性值为“center”，这时文字将会在框内水平居中3为div添加“lineheight”属性，属性值为。