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毛刺在铬浮动

回答

相关问题