来哥201x 发表于 2019-5-6 19:26:26

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

如题{:5_109:}

苏沫儿 发表于 2019-5-19 00:14:31

W3C 组织建议把所有网页上的对像都放在一个盒(box)中
盒模型主要定义四个区域：内容(content)、内边距(padding)、边框(border)和外边距(margin)


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

来哥201x 发表于 2021-3-20 06:22:08

苏沫儿 发表于 2019-5-19 00:14
W3C 组织建议把所有网页上的对像都放在一个盒(box)中
盒模型主要定义四个区域：内容(content)、内边距(pad ...

刚看到，谢谢解释{:5_106:}

灯火辉煌一岁月 发表于 2021-3-22 18:15:18

margin:auto；是全部自适应，margin: 0 auto；是第一个值上下外边距为0，第二个值左右边距自适应，所以就居中了
页: [1]
查看完整版本: 为什么 margin:auto 就能让元素居中， margin不是只是设置了外边距吗