首页 > 母婴教育 > 学习交流 > 怎样让DIV中的内容居中

怎样让DIV中的内容居中

   来源:秒知站    阅读: 2.22W 次
字号:

用手机扫描二维码 在手机上继续观看

手机查看

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

操作方法

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

怎样让DIV中的内容居中

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

怎样让DIV中的内容居中 第2张

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

怎样让DIV中的内容居中 第3张

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

怎样让DIV中的内容居中 第4张

外语学习
校园生活
学习交流
资格考试
高考
科学
亲子