auto在margin：0 auto中做什么？

auto在margin：0 auto中做什么？

当您

width

在要应用的对象上指定时

margin: 0 auto

，该对象将位于其父容器的中央。

指定

auto

为第二个参数基本上会告诉浏览器自动确定左右边距本身，方法是将它们均等设置。它保证左右边距将设置为相同的大小。第一个参数0表示顶部和底部边距都将设置为0。

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

因此，举个 例子 ，如果父级为100px，子级为50px，则该

auto

属性将确定在

margin-left

和之间共享50px的可用空间

margin-right

：

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

这将给：

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

您不必指定父级宽度，而只需指定子对象的宽度。