jQuery:Animate Margins to Auto?

Nat*_*han 9 javascript css jquery center jquery-animate

我正在尝试为图像设置动画,使其自身居中.这是我想要使用的代码:

$('#myImage').animate({'margin-right': 'auto'});
Run Code Online (Sandbox Code Playgroud)

但是,当我这样做时,它被忽略了,并没有改变边际.
有没有办法将边距设置为自动或以图像为中心?

谢谢!

小智 11

由于'auto'不是数字,jQuery无法为其设置动画.

如果您可以将图像从文档流中取出,则可以将位置设置为绝对或固定并尝试:

$('#myImage').animate({'left': '50%', 'margin-left': -$('#myImage').width()/2 });
Run Code Online (Sandbox Code Playgroud)