css - CSS 帮助，使菜单更流畅

Question

我之前在这个菜单上得到了一些帮助，但现在有不同的要求。

菜单在固定宽度下可以正常工作，但我希望单词仅在顶部菜单类别中换行。我需要能够有 n 个类别并且宽度均匀分布。显然 n 在合理范围内（我不会有 50 个类别），但我需要能够添加更多而不担心达到我的宽度限制。

谢谢你的帮助。

关联：

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

-赛斯

Answer 1

对于每个顶级菜单项添加类“标题”（或类似的东西）。

然后将以下 CSS 添加到您的页面：

#menu li
{
    white-space: nowrap;
}

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