2013-07-24 3 views
-3

콘텐츠가 들어있는 inline-blockdiv 태그를 임의로 포함 할 수있는 컨테이너 div이 있습니다. 이러한 내부 콘텐츠 컨테이너의 너비는 알 수 없습니다.div 너비가 콘텐츠보다 작게 축소되지 않도록하기

창의 너비가 컨테이너 div의 너비보다 작아지면 인라인 div 태그가 스택되기 시작합니다.

어떻게 방지 할 수 있습니까? 콘테이너 div은 그 내용의 너비보다 더 작게 축소 할 수 있도록하고 싶습니다. 필요할 경우 스크롤바를 추가하십시오. 여기

은 예입니다 http://jsfiddle.net/ZAWRX/
Result 윈도우의 폭을 축소하고 스택 컨텐츠 컨테이너를 강제 컨테이너뿐만 아니라 축소 볼 수 있습니다.

+1

당신이 당신의 질문 문제를 재현하는 데 필요한 코드 조각을 포함하도록 업데이트 할 것인가? –

+1

이미 문제를 직접 재현하는 JSFiddle 링크가 있습니다. – Jesse

+1

JSFiddle 링크는 다른 질문에 대한 훌륭한 추가 사항이지만 코드가 게시되는 유일한 장소는 될 수 없습니다. 스택 오버플로 질문에는 문제를 재현하는 데 필요한 모든 것이 포함되어야합니다. –

답변

2

컨테이너 스타일에 white-space:nowrap;을 추가하고 콘텐츠 스타일에 white-space: normal;을 추가하십시오. 여기

은 바이올린의 : http://jsfiddle.net/jSV9N/

+0

우수! 감사! 내가 어떻게 그걸 놓쳤는지 모르겠다. 나는 화이트 스페이스가 물려 받았다는 것을 몰랐다. 건배. – Jesse

관련 문제