爱学网
当前位置 : 爱学网 > 经验 > 学习经验 > 怎样让DIV中的内容居中

怎样让DIV中的内容居中

更新时间:2026-05-06 07:23:45

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

操作方法

01

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

02

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

03

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

04

预览效果然后在浏览器中预览效果,如下图所示: