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