"margin:0 auto"之间有什么区别吗?和"保证金:汽车;"

L42*_*42y 15 css cross-browser

当我们想要页面的主要容器对齐中心时,我们通常使用"margin: 0 auto;",但是当我使用时,我的"margin:auto;"某些浏览器(Google Chrome,Firefox)的行为是相同的.

Boj*_*les 34

是.

margin: 0 auto;
Run Code Online (Sandbox Code Playgroud)

将元素的左右边距设置为auto,将顶部和底部边距设置为0.

margin: auto;
Run Code Online (Sandbox Code Playgroud)

所有边距设置为auto.由于你的<body>高度为100%,你可能会得到相同的行为,因此垂直auto边距没有影响.

  • 正文的高度(通常为自动高度,而不是 100%)对自动垂直边距的计算方式没有影响。该规范简单地将自动垂直边距定义为在流入块框中“始终”为零。所以对于流入的块盒子来说,问题的答案不是是,而是不是——margin: 0 auto 和 margin: auto 之间没有区别。在另一种特定情况下,答案是肯定的:绝对定位的元素。 (6认同)