css 如何创建响应式可滚动导航栏

58wvjzkj  于 2022-11-19  发布在  其他
关注(0)|答案(2)|浏览(181)

我正在尝试制作一个响应式导航栏,当屏幕尺寸缩小时,其中的一部分项目可以滚动。它是这样的:
大屏幕:

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+  FIXED ITEM +               EMPTY SPACE               + SCROLLABLE ITEM + FIXED ITEM +
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

小屏幕:

++++++++++++++++++++++++++++++++++++++++++
| FIXED ITEM | SCROLLABL... | FIXED ITEM |
+++++++++++++.<@@@@>--------.+++++++++++++

到目前为止,我已经设法做了一切(见here)除了滚动部分,有什么想法吗?

kknvjkwl

kknvjkwl1#

您可以使用white-space: nowrap属性强制文本保持在一行上。
第一个

js81xvg6

js81xvg62#

第一个
请尝试以下示例。
并查看“隐藏滚动条”、“仅y滚动”和“换行”等详细信息。

相关问题