网站首页 健康小知识 母婴教育 起名 运动知识 职场理财 情感生活 绿色生活 游戏数码 美容 特色美食 爱好

怎样让DIV中的内容居中

栏目: 学习交流 / 发布于: / 人气:2.06W

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

操作方法

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

怎样让DIV中的内容居中

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

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

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

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

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

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