javascript - 使用绝对图像位置

我有一张裁剪的图像列表，每个图像都有绝对的位置:

<img style='position:absolute;clip(xpx xpx xpx xpx);'/>
<img style='position:absolute;clip(xpx xpx xpx xpx);'/>
<img style='position:absolute;clip(xpx xpx xpx xpx);'/>
<img style='position:absolute;clip(xpx xpx xpx xpx);'/>
<img style='position:absolute;clip(xpx xpx xpx xpx);'/>

这里的问题是所有图像都在同一个地方，我想和其他图像一起去。

由于裁剪图像，我做绝对位置;

我能做什么 ？

最佳答案

那么为什么要绝对定位它们呢？

为了动态地将它们依次放置，您需要将它们包装到并非绝对定位的东西中。就像相对位置列表元素

<ul>
   <li style="position:relative">
        <img src="" style="position:absolute" />
   </li>
</ul>

如果您不能包装它们，则必须使用javascript来完成，就像这样。

var memo = 0;
$("img").each(function() {
   $(this).css("left", memo+"px");
   memo += $(this).outerWidth(true);
});