刪除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保證金

回答

相關問題