플로트가있는 Chrome의 1 픽셀 글리치

플로트 (행당 3 개)를 사용하여 사진 갤러리 그리드 레이아웃을 만들려고하고 있는데 이미지 축소판은 Firefox와 IE에서 래퍼를 통해 잘 정렬되지만 Chrome에서는 1 픽셀의 여백이 있습니다 오른쪽으로,이 문제를 해결할 수있는 방법이 있습니까?플로트가있는 Chrome의 1 픽셀 글리치

<!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

그래, 그럴 것 같아. 아마도 반올림 버그 같은 것이었을 것입니다. – user780756

최신 버전의 Chrome (현재 23.0.1271.64 m - Windows)에는 발생하지 않으며 반올림 버그 일 수 있습니다.

출처

2012-11-22 09:06:34 user780756

플로트가있는 Chrome의 1 픽셀 글리치

답변

관련 문제