자동 조옮김 DIV의 (CSS)

Question

내 바이올린 : http://jsfiddle.net/f5e5d/1/

.item-data { 
    width:34px; 
    height:34px; 
    background-size: 34px auto !important; 
    margin: 2px; 
    border: 1px solid #000; 
    display:table-cell; 
} 
.test_div { 
    background-color: #eee; 
    width: 100%; 
    padding: 20px; 
} 
.match_details { 
    display:table-cell; 
} 

내가 한 줄 만 3 사진을 보여주고 싶어요. 내가 어떻게 해?

이제 모든 항목을 한 줄에 표시했습니다.

미리 감사드립니다. 이처럼

Answer 1

: http://jsfiddle.net/NicoO/f5e5d/4/

.item-data { 
    width:34px; 
    height:34px; 
    background-size: 34px auto !important; 
    margin: 2px; 
    border: 1px solid #000; 
    float: left; 
} 

.item-data:nth-child(3n+1) 
{ 
    clear: left; 
} 

.test_div { 
    background-color: #eee; 
    overflow: hidden; 
    padding: 20px; 
}