欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

css html元素居中与html元素内容居中的区别

程序员文章站 2022-03-16 18:37:10
...
div盒子居中

div居中是对框架盒子本身设置。让网页主体水平居中于浏览器中,就需设置margin:0 auto实现布局居中。

CSS 内容居中

和DIV盒子居中有着同样居中字眼的内容居中,则是对盒子里内容(文字、图片等内容)实现水平居中。使用text-align:center即可实现HTML元素里的内容居中。不管是对div标签、h1标签、h2标签、p标签等html元素标签设置都能让其对于盒子里内容水平居中。

实例:

 
 

css html元素居中与html元素内容居中的区别
码农教程
码农教程

在线测试

小结:

  • html元素居中:对框架设置水平居中(比如对DIV本身设置DIV水平居中于浏览器中)。
  • html内容居中:对盒子里的内容设置水平居中(比如DIV内放到图片、文字等内容)
相关标签: css div 居中