鱼C论坛

 找回密码
 立即注册
查看: 1918|回复: 3

为什么 margin:auto 就能让元素居中, margin不是只是设置了外边距吗

[复制链接]
发表于 2019-5-6 19:26:26 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
如题
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2019-5-19 00:14:31 | 显示全部楼层
W3C 组织建议把所有网页上的对像都放在一个盒(box)
盒模型主要定义四个区域:内容(content)内边距(padding)边框(border)和外边距(margin)



margin 是指边框到浏览器边界的距离
padding:是指边框到内容之间的距离
一般情况我们使用margin: auto;控制对象的居中显示
还有两种看情况使用的:margin:0 auto; margin:auto 0;

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2021-3-20 06:22:08 | 显示全部楼层
苏沫儿 发表于 2019-5-19 00:14
W3C 组织建议把所有网页上的对像都放在一个盒(box)中
盒模型主要定义四个区域:内容(content)、内边距(pad ...

刚看到,谢谢解释
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2021-3-22 18:15:18 | 显示全部楼层
margin:auto;是全部自适应,margin: 0 auto;是第一个值上下外边距为0,第二个值左右边距自适应,所以就居中了
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2025-1-10 02:22

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表