Справка CSS, создание жидкостей меню

Question

Я получил некоторую помощь в этом меню раньше, но теперь у меня другой запрос.

Меню прекрасно работает с фиксированной шириной, но я хотел бы, чтобы слова обернулись ТОЛЬКО в категориях верхнего меню. Мне нужно иметь n категорий и равномерно распределять ширину. Очевидно, что n будет в пределах разумного (у меня не будет 50 категорий), но мне нужно иметь возможность добавлять больше и не беспокоиться о том, чтобы поразить мой предел ширины.

Спасибо за любую помощь.

Ссылка:

http://www.seth-duncan.com/Test/TestMenu.html

-Seth

Answer 1

Для каждого пункта меню верхнего уровня добавить класс 'заголовок' (или что-то подобное).

Затем добавьте следующий CSS к странице:

#menu li 
{ 
    white-space: nowrap; 
} 

#menu .heading 
{ 
    white-space: normal; 
}