auto在margin:0 auto中做什么?

auto做什么margin:0 auto;

我似乎无法理解是什么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;

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

以上是 auto在margin:0 auto中做什么? 的全部内容, 来源链接: utcz.com/qa/405178.html

回到顶部