유체 열 배열

Question

테이블 스타일로 일부 확인란을 표시하려고하지만 화면 너비에 따라 결정할 열의 수가 필요합니다. 내가 그들 스스로 재 배열 할 경우,이 같은 끝납니다

+-----------------------------------------------------+ 
|              | 
| [] label1 [] label2 [] label3 [] label 4  | 
| [] label5   [] label6 [] label7   | 
|  [] label8 []label9 [] label10 []label11  | 
|              | 
+-----------------------------------------------------+ 

나는 이런 식으로 뭔가가 필요합니다

+-----------------------------------------------------+ 
|              | 
| [] label1 [] label2 [] label3 [] label4  | 
| [] label5 [] label6 [] label7 [] label8  | 
| []label9 [] label10 []label11     | 
|              | 
+-----------------------------------------------------+ 

는이를 달성 할 수 있습니까?

열의 너비가 같은지 여부는 상관 없지만 컨테이너의 100 %를 채우려면 모든 것이 필요합니다. 여기

Answer 1

#container { 
    width:100%; 
    height:auto; 
    min-height:300px; 
    padding:10px; 
} 
#container div { 
    width:70px; 
    float:left; 
    display:inline-block; 
} 

그리고 창 크기를 기준으로 고정 된 구조를 설정하는 미디어 쿼리에 Fiddle