【问题标题】:CSS Help, Making Menu FluidCSS 帮助,使菜单更流畅
【发布时间】:2009-06-15 01:18:35
【问题描述】:

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

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

感谢您的帮助。

链接:

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

-赛斯

【问题讨论】:

  • 我跳进去检查了一下,但你的包装 div 样式声明为内联。我很难处理,为什么不在样式表中定义呢?
  • 是的,这只是我在测试时包装它的临时内联修复。样式是在真正的样式表中完成的,但必须为测试版本添加一个包装 div。有什么想法让文本换行吗?

标签: css menu stylesheet fluid liquid-layout


【解决方案1】:

为每个顶级菜单项添加类“标题”(或类似的东西)。

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

#menu li
{
    white-space: nowrap;
}

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-02-09
    • 1970-01-01
    相关资源
    最近更新 更多