CSS 그리드 항목은 내가 그리드 이런 일이 컨테이너에 폭

를 따라 크기를 조정할 : 인이 상황에서 어떻게됩니까이CSS 그리드 항목은 내가 그리드 이런 일이 컨테이너에 폭

.container{ 
width:100%; 
} 

.item{ 
width:33%; 
float:left; 
min-width:150px 
}

같은

<div class="container"> 
    <div class="item"> 
     Some Content 
    </div> 
    <div class="item"> 
     Some Content 
    </div> 
    <div class="item"> 
     Some Content 
    </div> 
    <div class="item"> 
     Some Content 
    </div> 
    <div class="item"> 
     Some Content 
    </div> 
    <div class="item"> 
     Some Content 
    </div> 
</div>

그리고 CSS를 그 컨테이너는보다 큰 경우 450 픽셀 당신은 3 열 2 행을 얻을. 컨테이너의 너비가 450px 미만으로 줄어들면 2 열과 3 행이되고 항목은 150px 너비로 강제됩니다.

문제는 두 번째 항목 오른쪽에보기 흉한 공백이 있다는 것입니다.

항목이 항상 컨테이너 너비를 채우도록 만들고 싶습니다. 이것이 가능한가?

출처

2012-04-26 Matthew Dolman