누락 된 컨텐츠로 CSS 공간을 남깁니다.

Question

동적 인 컨텐츠가 지정된 영역에 올바르게 채워지지 않는 상황이 있으므로 올바르게 채울 수 있도록 채워야합니다.

내가 여기 만들고 싶은 것을 볼 수 있도록 http://jsfiddle.net/yvK2h/1/을 작성했습니다.

.row {width:50%; float:left;} 

HTML :

<div class="row">1. </div> 
<div class="row">2. </div> 
<div class="row">3. </div> 
<div class="row">4. </div> 

자바 스크립트는 CSS를 사용하지 않고 가능성이 나는 1.

CSS는 제 3 항은 제 1 항에 따라 이동 한 단락 아래 공간을 채우려?

업데이트 :

내가 같은 순서로 반드시 내가 4 또는 7 열이있을 수 있기 때문에 열을 추가 할 수 없습니다 고려하시기 바랍니다. 예를 들어 col 3이 숨겨져 있으면 4 열은 col 1에있을 수 있습니다.

Answer 1

이 마음에 드십니까?

.row { 
width:50%; 
float:left; 
} 
@media screen and (max-width: 650px) { 
.row { 
    width:100%; 
    float:none; 
    margin:0 0 30px 0 
} 
}