1、在html编辑器中，新建一个html文件，例如：index.html。
2、在index.html中的body标签中，填入html代码：
<div style="position: absolutetop: 50%left: 50%height: 10%width: 30%margin: -5% 0 0 -15%">123asfafada</div>
3、最后，浏览器运行index.html，此时html中的文字被成功垂直水平居中显示。
可以用“text-align”属性控制du文字的位置，“center”属性值让文字居中显示。
1、新建html文档，在body标签中添加一个div标签，在div标签中添加p标签，这时文字将会在div标签中靠左显示：
2、为div标签设置“text-align”属性，属性值为“center”，这时文本将会居中显示：
3、想让文本靠右显示，可以为“text-align”属性设置“right”属性值，这时文本将会靠右显示：
如果单纯用html语言的话，就是<center></center>这一对，如果是搞网页设计的话，建议使用css语言来修饰网页。操作方法如下：
1、首先双击打开HBuilderX开发工具，创建一个Web项目，并在项目pages文件夹下，新建静态页面center.html。
2、打开center.html文件，修改title标签中的文本显示内容。
3、在<body></body>标签中，插入一个div标签，并添加标签的id属性。
4、利用ID选择器在style标签中，设置div标签的样式属性，如宽度、高度、行高、字体属性等。
5、接着给div标签添加一个样式属性background-color。
6、再次保存代码并刷新浏览器，可以看到字体在背景颜色块中间位置，说明字体居中显示。
