iphone - 在iPad/iPhone上删除CSS边距

在一个电子商务网站上，我在一个页面上设置了“链接”，该页面具有4个替代产品视图（它们是“添加到购物篮”下面的4个小图像）在iPhone或iPad上，第4个图像的右边距没有删除所以它进入下一行。

基本上每个图像的右边距为10px，然后最后一个具有“ end”类的图像的右边距为“ 0px！important”。

这在网络浏览器中工作正常，但在iPad / iPhone上未应用0px右边界。

我感觉这将是一件容易的事，但我只是看不到，在此先感谢您的帮助。

编辑我添加了以下代码，并且还设置了我遇到问题的页面的精简版本：link，它是右侧底部的4个小图像。

以下是图像的HTML：

<div class="image-additional">
    <img alt="" title="" src="larchblue-cr-55x55.jpg" class="thumb ">
    <img alt="" title="" src="larchgreen-cr-55x55.jpg" class="thumb ">
    <img alt="" title="" src="larchpink-cr-55x55.jpg" class="thumb ">
    <img alt="" title="" src="larchyellow-cr-55x55.jpg" class="thumb end">
</div>

这是CSS：

.image-additional {
    width: 268px;
    margin-top: 13px;
    clear: both;
    position: absolute;
    bottom: 0;
    overflow: hidden;
}

.image-additional img {
    border: 1px solid #E7E7E7;
    margin-right: 10px;
}

.image-additional img.end, .image-additional img:last-child {
        margin-right: 0px !important;
}

最佳答案

尝试将：last-child伪元素用于您的移动目标。

.img:last-child {
  margin-right: 0px;
}

注意：除IE8及以下版本外，它均可在任何地方使用。

关于iphone - 在iPad/iPhone上删除CSS边距，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10187568/