【问题标题】:margin: 0 auto property values listed once vs twice边距:0 自动属性值列出一次 vs 两次
【发布时间】: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 automargin: 0 auto 0 auto;margin: top/bottom left/right 的简写

标签: css alignment margin center


【解决方案1】:

没有区别

margin: 0 auto 0 auto;

margin: 0 auto;

you can read more here

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

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

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

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

【讨论】:

    猜你喜欢
    • 2012-06-09
    • 1970-01-01
    • 2016-05-28
    • 1970-01-01
    • 2012-12-15
    • 1970-01-01
    • 1970-01-01
    • 2013-10-01
    • 2013-02-09
    相关资源
    最近更新 更多