jquery - Jquery 改变 div/img 的位置

Question

我找到了一种解决方法，可以在较小的 div 中将大图像（无背景）居中。

#pic {
 width: 60%;
 height: 349px;
 float:right;
 overflow:hidden;
 position:relative;
}

#pic img {
 left:50%;
 margin-left: -100%;
 position:relative;
}

我对这个定位很满意。

但是，一旦我使用了 Jquery 循环插件，它就会完全打乱图像的位置和大小。

当我检查元素（使用 DOM 检查器）时，它会删除以下值：

左：50%；

左边距：-100%；

这导致了重新定位。

为什么在使用 Jquery 后它们突然不再有效，我该如何解决这个问题？

感谢您的任何帮助！

斯科特

Answer 1

您可以尝试在 css 中添加 !important

 #pic {
 width: 60% !important;
 height: 349px;
 float:right;
 overflow:hidden;
 position:relative;
}
#pic img { 
left:50%;
 margin-left: -100% !important;
 position:relative;
}