18910140161

html-css固定宽度水平菜单将附加项推入下拉菜单-堆栈溢出

顺晟科技

2022-10-19 12:57:36

51

我在桌面上有一个水平菜单,菜单的宽度支持6个项目,每个项目都是从数据库中拉进来的,如果第7或第8个项目被添加到数据库中,那么它就不会显示出来。我想在下拉菜单中添加任何附加项目7。

单击下面的三个点将显示菜单以显示其他项。

> Item1 Item2 Item3 Item4 Item5 Item6  ...
>                                     Item7
>                                     Item8
>                                     Item9

做这件事的正确方法是什么?我的HTML与下面的类似,但是

输出如下所示。我如何让任何超过6项进入下拉菜单?我敢肯定这是可以用css解决的,但我不知道它。谢谢


顺晟科技:

在Paulie_D指出这被称为优先菜单后,我找到了一个很好的例子,就像我需要的一样。请参阅下面的链接:

https://martinblackburn.co.uk/responsive-nav/

我不认为可以用CSS制作,但是可以使用javascript, 创建一个函数,检查列表中的项数,检查该项数是否大于6,如果是,则显示一个按钮,单击该按钮时显示其他项

上面的代码只是一个简单的代码。单击run snippet并签出它,可以使它看起来更酷。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航