1、第一种方式：设置body居中。在CSS中的代码是（body{text-align:center;}）第二种方式：用盒子模型，首先设置一个Div，这个DIV的宽度为100%，然后在这个DIV居中，那么在这个DIV中加的内容就居中显示，代码如下：<div><div></div></div>CSS样式代码：<styletype="text/css">.div1{text-align:center;width:100%;}.div2{width:980px;background:red;}//为了看清效果，加了背景颜色</style>第三种方式：margin：0auto；
2、通常的方法为：先设置div的宽度，然后使用如下样式：
可以使用“text-align:center;”是文本居中。
1、新建html文档，在body标签中添加div标签，然后在div标签中添加文字
2、为div标签设置宽高和边框css样式，这时默认情况下文字靠左对齐
3、为div添加“text-align:center;”，其中“text-align”指的是文本对齐方式，“center”指的是居中对齐，这时文本就会居中对齐
1.双击打开HBuilderX开发工具,创建一个Web项目,并在项目pages文件夹下,新建静态页面center.html。
2.打开center.html文件,修改title标签中的文本显示内容。
3.在<body></body>标签中,插入一个div标签,并添加标签的id属性。
4.利用ID选择器在style标签中,设置div标签的样式属性,如宽度、高度、行高、字体属性等。
5.保存代码并运行Web项目,打开浏览器预览效果,但是不知道字体是否居中。
6.返回到HBuilderX工具,给div标签添加一个样式属性background-color。
7.再次保存代码并刷新浏览器,可以看到字体在背景颜色块中间位置,说明字体居中显示
