Div div가 부모 div의 너비에 도달했을 때

파일 업로드 시스템에서 작업 중입니다. 아래 그림이 있습니다. 부모 div의 끝에 도달하자마자 내용을 감싸려고합니다. 나는 CSS에 너무 능숙하지 않고 그것을하는 방법을 모르겠다.Div div가 부모 div의 너비에 도달했을 때

가능한 경우 표를 사용하지 않으려합니다. 기본적으로 각 파일을 보유하는 상위 div가 있습니다. 그리고 각 파일은 자신의 div입니다. 부모 div의 너비에 도달하면 줄 바꿈하는 방법이 있습니까?

image http://oi43.tinypic.com/9iz7k0.jpg

또한 필요한 경우 스팬 또는 아무것도 할 항목을 변경할 수 있습니다.

출처

2013-05-17 Blaine Kasten

당신이 이것을 달성하기 위해 사용하는 현재 CSS는 무엇입니까? 그리고 당신은 jsfiddle을 만들 수 있습니까? – JAM

파일 DIV를 래퍼 DIV (테두리가있는 파일) 안에 배치하면 래핑해야합니다. 예를 들어

이 HTML 걸릴 :

<div class="wrapper"> 
    <div class="item">1</div> 
    <div class="item">2</div> 
    <div class="item">3</div> 
    <div class="item">4</div> 
    <div class="item">5</div> 
</div>

을 그리고이 CSS 적용 : 여기

.wrapper { width: 400px; height: 400px; border: 1px solid #000; } 

.item { float: left; width: 100px; height: 100px; margin: 10px; background: #ddd; }

JSFiddle : http://jsfiddle.net/ChrisLTD/AygnH/

출처

2013-05-17 15:36:33 ChrisLTD

Nailed it. 고마워. –

Div div가 부모 div의 너비에 도달했을 때

답변

관련 문제