2011-01-26 8 views
1

이것은 꽤 오랫동안 나를 괴롭 히고 있습니다. 제 피들을 여기에서보십시오.CSS 하위 탐색 자동 너비

http://jsfiddle.net/y9uEf/

당신은 Subnav가 매우 긴 텍스트가 있다면 더 큰 "성장"할 수없는 것 볼 수 있습니다. 폭이 항상 부모 (이 경우 상위 메뉴 홈, 누가, 연락처)의 100 %가되기 때문입니다. 나는 subnav ul에서 width를 더해서 subnav ul이 더 커지도록 할 수는 있지만 subnav 내용의 너비에 상관없이 모든 subnav에서 작동 할 것입니다.

이제 동적 인 경우 어떻게해야합니까? 예를 들어, 하위 텍스트의 내용이 "짧은 텍스트"(약 50 픽셀이라고 가정) 만있는 경우 하위 너비는 50 픽셀입니다. 그런 다음 subnav 콘텐츠에 "A Very Very Very Long Text"라는 목록이있는 경우 (약 200 픽셀이라고 가정 해 보겠습니다) 그러면 subnav 너비는 자동으로 200 픽셀이됩니다.

감사

답변

7

당신은 white-space: nowrap 당신의 li에 추가 할 수 있습니다.

+0

그 작품! 고마워. 넓이 문제에 대한 화이트 스페이스의 관련성을 결코 생각하지 못했습니다. 권자 – Henson