1.双击打开HBuilderX开发工具,创建一个Web项目,并在项目pages文件夹下,新建静态页面center.html。
5.保存代码并运行Web项目,打开浏览器预览效果,但是不知道字体是否居中。
7.再次保存代码并刷新浏览器,可以看到字体在背景颜色块中间位置,说明字体居中显示
第一种方式：设置body 居中。在CSS中的代码是（body{text-align:center;}）第二种方式：用盒子模型，首先设置一个Div ，这个DIV的宽度为100%，然后在这个DIV居中，那么在这个DIV中加的内容就居中显示，代码如下：CSS 样式代码：第三种方式：margin：0 auto；
通常的方法为：先设置div的宽度，然后使用如下样式：
1.新建一个html文件，命名为test.html，用于讲解利用CSS怎么让文字居中。
7.在浏览器打开test.html文件，查看实现的效果。