删除iPad/iPhone上的CSS保证金

在我设置的电子商务网站上有4个替代产品视图（它们是添加到购物篮下方的4个小图像）的链接在iPhone或iPad上，第四张图片没有移除右边距，因此会进入下一行。删除iPad/iPhone上的CSS保证金

基本上每个图像都有一个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; 
}

来源

2012-04-17 leapDesign

你能分享一些代码吗 – 2012-04-17 08:19:10

你需要提供一个简化的HTML和CSS来复制问题，否则我们都会猜测。 – Alkaline 2012-04-17 08:25:45

我提供了一些示例代码和一个有问题的实时页面，我仍然没有取得任何进展，我尝试了@Alkaline解决方案，但没有奏效。 – leapDesign 2012-05-02 08:20:42

使用尝试。

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

注意：除IE8及以下版本外，它都可以使用。

来源

2012-04-17 08:24:37 Alkaline

删除iPad/iPhone上的CSS保证金

回答

相关问题