边距：0 自动属性值列出一次 vs 两次

Posted 2023-03-06

【中文标题】边距：0 自动属性值列出一次 vs 两次

【英文标题】：margin: 0 auto property values listed once vs twice

【发布时间】：2018-08-14 19:15:19

【问题描述】：

我正在复习一些基本的 CSS，我偶然发现了一个说要使用的教程：

margin: 0 auto 0 auto;

相对于...

margin: 0 auto;

单独，使某物居中。

如果将 0 auto 放置一次而不是两次有什么区别，有人可以向我解释一下吗？当我编码时，我没有注意到有什么不同，所以我的猜测是使用 0 auto, once 是做同样事情的简写。

【问题讨论】：

margin: top right bottom left; 或者你可以使用margin: (top-bottom) (right-left); 所以你的价值观没有区别

它的简写类似于#fff 是#ffffff 的简写。对于可测量的值，CSS 速记通常遵循从顶部开始的顺时针模式：上、右、下、左。单个值提供所有四个，两个值交替，三个为顶部和底部提供不同的值，同时为左右重复第二个值。

margin: 0 auto 是 margin: 0 auto 0 auto; 或 margin: top/bottom left/right 的简写

【参考方案1】：

没有区别

margin: 0 auto 0 auto;

和

margin: 0 auto;

you can read more here

当指定一个值时，它对所有四个边应用相同的边距。

当指定两个值时，第一个边距适用于顶部和 底部，左右第二个。

当指定三个值时，第一个边距适用于顶部， 左右第二个，底部第三个。

当指定四个值时，边距适用于顶部、右侧、 底部，然后按顺序向左（顺时针）。