汽车在中国做什么margin:0 auto?

当您指定了 width margin: 0 auto 到,对象将位于其父容器的中心。

指定 auto 因为第二个参数基本上告诉浏览器自动确定左右页边距本身,这是通过将它们设置为相等来实现的。它保证左右边距将设置为相同的大小。第一个参数0表示上边距和下边距都将设置为0。

margin-top:0;
margin-bottom:0;
margin-left:auto;
margin-right:auto;

因此,给你一个 例子 汽车 属性将确定有50px的可用空间可供共享 margin-left 和 margin-right

var freeSpace = 100 - 50;
var equalShare = freeSpace / 2;

margin-left:25;
margin-right:25;

看看这个 jsFiddle

自动:浏览器设置边距。其结果取决于浏览器

margin:0 auto 指定

* top and bottom margins are 0
* right and left margins are auto

Calculating widths and margins for Block-level, non-replaced elements in normal flow :

如果“margin left”和“margin right”都是“auto”,则它们使用的值相等。这将使元素相对于包含块的边水平居中。

margin:0 auto;

0 auto

margin:auto 效果很好。但它只适用于块元素。

margin-top:0;
margin-bottom:0;
margin-left:auto;
margin-right:auto;

0表示上下,自动表示左右。 浏览器设置边距。

通过对这两个值的工作原理的一些解释,它变得更清晰了。

margin-top
margin-right
margin-bottom
margin-left

那么为什么只有两个值呢?

好吧,你可以用四个值来表示边距,比如:

margin: 10px, 20px, 15px, 5px;

margin: 20px 10px;

这将给你一个20像素的顶部和底部和10像素左右的空白。

如果你设置:

margin: 20px auto;

这是一个坏的/很难使用的替换“中心”标签。当您需要断开的表格和块和文本的非工作居中时,它非常方便。