css – 自动在边距中做什么:0 auto?

前端之家收集整理的这篇文章主要介绍了css – 自动在边距中做什么:0 auto?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
自动做什么margin:0 auto;?

我似乎不明白什么汽车做。我知道它有时有一个对中心的效果。谢谢。

解决方法

当您在已应用边距的对象上指定了宽度:0 auto时,该对象将位于其父容器中央。

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

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

因此,为了给你一个例子,如果父级是100px,子级为50px,那么auto属性将确定在margin-left和margin-right之间共享50px的可用空间:

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

其中:

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

看看这个jsFiddle.你不必指定父宽度,只有子对象的宽度。

猜你在找的CSS相关文章