可以用“text-align”属性控制du文字的位置，“center”属性值让文字居中显示。
1、新建html文档，在body标签中添加一个div标签，在div标签中添加p标签，这时文字将会在div标签中靠左显示：
2、为div标签设置“text-align”属性，属性值为“center”，这时文本将会居中显示：
3、想让文本靠右显示，可以为“text-align”属性设置“right”属性值，这时文本将会靠右显示：
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中的文字被成功垂直水平居中显示。
html中对多个内容进行居中有以下几种方法：
1、外面用<center></center>包着,虽然这个标签未来是被淘汰的，但是记得很多时候有一些奇效。
2、外面加一个div，可以带着id，然后设置样式的时候，要增大其权重，最好能抵消掉里面每个元素自身样式的权重。所以，可以考虑用“!important”这个标签。（自行搜索用法，当然这个标签一般情况下，也不推荐使用，也存在一定的浏览器兼容问题。）
示例代码：
<div id="wrap">
<!--你的调整好的html内容放这里面-->
</div>
<style>
/*css 样式 */
#warp { text-align:center!important}
#warp p{text-align:center!important}
#warp div{text-align:center!important}
/* .....类似思路....... */
</style>
3、使用js加css操作，原理就是循环每一个元素，将div的一些影响布局的属性值进行修改，新增新的css样式。 这个是没办法的办法，不一定好使，也比较麻烦，操作慢了，页面也能看清楚div抖动等情况。
4、从工作内容改进，可以将你的html代码，放入一些常见的编辑器中进行调整。比如使用：fckeditor 、百度的ueditor。调整好代码，再拷贝源码就行了。
