CSS에서 중첩 된 부동 항목의 줄 바꿈을 방지합니다.

Question

많은 float 하위 항목이 포함 된 div가 있습니다. 각 하위 항목은 입력 및 레이블을 포함하는 div입니다. 파이어 폭스에서는 괜찮은 것처럼 보이지만 IE7에서는 줄의 마지막 항목이 다음 줄로 이동하지 않고 줄 바꿈됩니다.

Wrapped Items http://harriyott.com/images/wrapping.png

나는이 문제를 어떻게 해결합니까?

Answer 1

공백 적용을 시도해 보셨습니까? nowrap; 라벨에 속성?

http://www.w3schools.com/cssref/pr_text_white-space.asp

Answer 2

각 중첩 된 DIV의 폭을 설정 명시 적으로보십시오. 내가 제대로 이해하고 있는지 알고 해달라고하지만,이

Answer 3

당신이 오래된 트릭을 시도 :

<div style="clear:both;"></div> 

Answer 4

브라우저 창을 최소화 (예 : Ctrl 키 + - 구글 크롬에서) 최소 및 설정 "min- 너비 : minValue in px "로 표시됩니다. .