怎样让DIV中的内容居中

HTML中可以设置文字或内容居中对齐。下面，我们来看看怎样让DIV中的内容居中吧。

随便写上文字

先打开visual studio软件，然后在div中随意写上文字，如下图所示：

水平居中代码

然后在style中写上水平居中代码body{text-align: center}，如下图所示：

div内容居中对齐的代码，text-align:center如下图所示：

预览效果

然后在浏览器中预览效果，如下图所示：

1、可以用text-align属性设置。首先打开hbuilder编辑器，新建一个html文件，先切换到边改边看模式：

2、写一个div出来，同时在内部加上一些文字，使用css增加属性，使得div的区域看得清楚：

3、接下来就使用text-align的center属性将文字横向居中，同时设置行高，使这行文字实际占用的高度和div高度相同，就产生了居中效果：

4、如果是多行文字，需要配合行内标签p和它的padding属性来完成居中，以上就是css设置div文字居中的演示：

---