바깥 쪽 div의 너비를 내부 div의 내용에 따라 변경하십시오.

Question

빈 줄을 표시하지 않고 바깥 쪽 div의 너비에 맞지 않는 새 줄에 축소판 클래스를 표시하려고합니다. 바깥 쪽 1 div에.

<div class="outer-block"> 
    <div class="outer-1"> 
     <div class="thumbnail">box 1</div> 
     <div class="thumbnail">box 2</div> 
     ... 
     <div class="thumbnail">box 7</div> 
    </div> 
</div> 

썸네일 클래스의 크기는 폭, 높이 160px, 160px로 고정됩니다. outer-1 div의 너비를 160px의 배수로 만들어서 축소판 클래스가있는 div가 다음 줄로 감싸도록하려고합니다.

또한 바깥 쪽 블록 div에 대해 outer-1 div의 내용을 가운데 맞추려고합니다. 당신이 이렇게 외부-1이 될 자동차 전체 폭을 단지 HTML/CSS를 사용하여이 작업을 수행 할 수있는 유일한 방법을 원하는 것을 이해에서 http://jsfiddle.net/K2v3W/2/

Answer 1

에 미디어 쿼리를 사용하는 것입니다 - 여기

내 jsfiddle에 대한 링크입니다 outer-1의 너비를 160px의 배수로 설정하십시오. 당신이 미리에 2 픽셀 경계를 가지고 있기 때문에

http://css-tricks.com/css-media-queries/