jquery 석조/동위 원소 (공백 없음)가있는 콘텐츠 주위에 테두리가 있습니다.

Question

저는 현재 jason과 함께 masonry 플러그인을 사용하고 있습니다. 나는 상자가 몇 개있다. 나는 그들이 만지고 공간이없는 상자를 만들 수 있기를 원합니다. 이제이 컨테이너 주변에 테두리를 만들려고하지만, 할 때

border:thin solid black; 

css에서는 모든 항목 주위에 테두리가 있습니다. 서로 옆에 컨테이너가 있으면 경계선이 꽤 많이 생깁니다. 컨테이너가 서로 겹칠 수있는 방법이 없다면 테두리 선이 서로 겹쳐서 표시됩니다. 지금까지 컨테이너를 다음 행으로 만들거나 더블 라인을 표시하도록 너비를 넓혀야합니다.

제안 사항?

감사합니다

편집 :

 $container.masonry({ 
      itemSelector: '.container', 
      columnWidth: 1, 
      isFitWidth: true, 
      position:'relative', 
      animationOptions: 
      { 
        duration: 750, 
        easing: 'linear', 
        queue: false 
      } 
     }); 

Answer 1

그냥 같이 당신의 CSS를 변경 :

여기

#main { 
    width:300px; 

} 
.container { 
width:50px; 
height:80px; 
border:1px solid black; 
margin-right: -1px; 
margin-bottom: -1px; 
} 

데모 : http://jsfiddle.net/ongisnade/wsk7C/6/