javascript - jQuery:动画边距到自动?

标签 javascript jquery css jquery-animate center

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

$('#myImage').animate({'margin-right': 'auto'});

但是当我这样做时,它会被忽略并且不会改变边距。
有没有办法将边距动画化为自动,或者以其他方式使图像居中?

谢谢!

最佳答案

由于“auto”不是数字,jQuery 无法为其设置动画。

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

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

关于javascript - jQuery:动画边距到自动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4511036/

相关文章:

css - 平滑的 CSS 过渡动画旋转

javascript - 使用 jQuery 将颜色应用于 php for 循环中的 td 元素不起作用

javascript - if IE >= 9 或 not IE 的条件指令

javascript - 使用 jQuery 迭代 div

javascript - 提交表单时添加CSS javascript

javascript - 使用 JQuery 按顺序启动 css

javascript - 使用 Ajax 和 Jquery 加载内容

html - 如何检查视频是否支持对象拟合

css - 使用 css 转换 :scale? 时如何删除闪烁线

javascript - 无法隐藏 DIV