div盒子居中
div居中是对框架盒子本身设置。让网页主体水平居中于浏览器中，就需设置margin:0 auto实现布局居中。
CSS 内容居中
和DIV盒子居中有着同样居中字眼的内容居中，则是对盒子里内容（文字、图片等内容）实现水平居中。使用text-align:center即可实现HTML元素里的内容居中。不管是对div标签、h1标签、h2标签、p标签等html元素标签设置都能让其对于盒子里内容水平居中。
实例：
<!DOCTYPE html>
<html>
<head>
< >css html元素居中与html元素内容居中的区别</ >
</head>
<body>
<div style=\"margin:0 auto; width:300px\">码农教程</div><!--这里是DIV盒子相对于父级居中，盒子里面的内容并没有居中-->
<div style=\"text-align:center;width:300px;\">码农教程</div><!--这样是div盒子里面的内容相对于盒子本身居中-->
</body>
</html>
小结：
- html元素居中：对框架设置水平居中（比如对DIV本身设置DIV水平居中于浏览器中）。
- html内容居中：对盒子里的内容设置水平居中（比如DIV内放到图片、文字等内容）
继续阅读与本文标签相同的文章
上一篇 :
面向未来公链的数据库技术发展方向
下一篇 :
css 设置背景颜色和图片的一些技巧
-
全球首条“5G自动微公交”示范线路乌镇开通
2026-05-14栏目： 教程
-
未来十年，最为吃香的4个大学专业，毕业后就是香饽饽！
2026-05-14栏目： 教程
-
还不会制作填充地图，试试这种方法，2分钟搞定，让你秒变大神
2026-05-14栏目： 教程
-
顺丰自研机器人惊艳亮相，化身“快递小哥”亮绝活，盯上万亿市场
2026-05-14栏目： 教程
-
女生“主动”与你分享这3个秘密？520％偷偷喜欢你，臭弟弟冲鸭
2026-05-14栏目： 教程