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;
}