Mozilla firefox columns fix

Question

파이어 폭스에서 열을 고치는 데 문제가 있습니다. 10px 간격으로 3 열을 만들려고합니다. 구글 크롬과 오페라에 완벽하게 작동하지만 파이어 폭스에서는 그렇지 않다. http://i.stack.imgur.com/GM0L9.png

그리고 CSS 코드 :

div#columns { 
-webkit-column-count: 3; 
-webkit-column-gap: 10px; 
-webkit-column-fill: auto; 
-moz-column-count: 3; 
-moz-column-gap: 10px; 
-moz-column-fill: auto; 
-ms-column-count: 3; 
-ms-column-gap: 10px; 
-ms-column-fill: auto; 
column-count: 3; 
column-gap: 10px; 
column-fill: auto;} 

div.pin_shop { 
display: inline-block; 
background: #ffffff; 
border: 1px solid rgba(0,0,0,.11); 
margin: 0 25px 25px 0; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
border-radius: 4px; 
padding: 8px;} 

Answer 1

열을 작성이 nesessary하지 않고 지금은 일하고

는 이미지가있다.

column-count: 3; column-gap: 10px; -moz-column-count: 3; -moz-column-gap: 10px; -webkit-column-count: 3; -webkit-column-gap: 10px;