1px毛刺在鉻浮動

我想創建一個使用浮動圖片庫網格佈局（每行3），圖像縮略圖似乎，他們很好地對齊Firefox和IE瀏覽器整個包裝，但在Chrome上有1個像素的邊距在右邊，有什麼方法可以解決這個問題嗎？1px毛刺在鉻浮動

<!doctype html> 
<html> 
    <head> 
     <meta charset="utf-8" /> 
     <title></title> 
     <style> 
.wrap{ 
    width:900px; 
    background:red; 
    margin:0 auto; 
    overflow:hidden; 
} 

.wrap div{ 
    float:left; 
    width:295px; 
    height:200px; 
    background:#333; 
    margin-bottom:5px; 
    margin-right:0.469em; 
    overflow:hidden; 
} 

.wrap div:nth-child(3n+3){ /* wont work in IE8 */ 
    margin-right:0; 
} 

.clear:before, .clear:after{ content:""; display:table; } 
.clear:after{ clear:both; } 
     </style> 
    </head> 
    <body> 
     <div class="wrap clear"> 
      <div>&nbsp;</div> 
      <div>&nbsp;</div> 
      <div style="margin-right:0;">&nbsp;</div> 
      <div>&nbsp;</div> 
      <div>&nbsp;</div> 
      <div style="margin-right:0;">&nbsp;</div> 
      <div>&nbsp;</div> 
      <div>&nbsp;</div> 
      <div style="margin-right:0;">&nbsp;</div> 
     </div> 
    </body> 
</html>

來源

2012-06-17 user780756

看不到它。也許它現在已經修復了？ – bozdoz

是的，它似乎是。可能是一個四捨五入的bug或什麼的。 – user780756

不在Chrome的最新版本出現（目前爲23.0.1271.64米 - Windows）中，可能是一個舍入錯誤。

來源

2012-11-22 09:06:34 user780756

1px毛刺在鉻浮動

回答

相關問題