开发 vlog - css 中 margin: 0 auto 是最常用的居中对齐技巧，那么它的原理是什么呢？

您的位置：首页 >> 开发 vlog >> 主题: css 中 margin: 0 auto 是最常用的居中对齐技巧，那么它的原理是什么呢？ [回主站] [分站链接]

您的位置：首页 >> 开发 vlog >> 主题: css 中 margin: 0 auto 是最常用的居中对齐技巧，那么它的原理是什么呢？ [最新] [回主站]

标题

css 中 margin: 0 auto 是最常用的居中对齐技巧，那么它的原理是什么呢？

clq

浏览(2) + 2025-01-14 18:18:33 发表编辑

关键字:

[2025-01-14 18:20:43 最后更新]
其实虽然我经常用，之前却也不清楚它的原理是什么。

css 中 margin: 0 auto 是最常用的居中对齐技巧，那么它的原理是什么呢？这个视频会告诉你微软 github Copilot 是怎样回答的。另外，这也可以通过 firefox 的页面调试中看到确实浏览器是将 “margin: 0 auto” 计算成：

margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;

很显然，计算后的结果更能让人理解。

--------------------------------------------------------
这里有个关键点，就是要对齐的 div （或是其他元素）一定要设置了宽度、高度，否则是计算不出来的。因为浏览器要根据这个数据来计算自动留下多少间距。
另外大家可以对比一下
margin: 0 auto
margin: auto

的效果是什么。

NEWBT官方QQ群1: 276678893
可求档连环画,漫画;询问文本处理大师等软件使用技巧;求档softhub软件下载及使用技巧.
但不可"开车",严禁国家敏感话题,不可求档涉及版权的文档软件.
验证问题说明申请入群原因即可.