解决方法
当您在已应用边距的对象上指定了宽度: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.你不必指定父宽度,只有子对象的宽度。