我正在尝试制作一个响应式导航栏,当屏幕尺寸缩小时,其中的一部分项目可以滚动。它是这样的:
大屏幕:
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+ FIXED ITEM + EMPTY SPACE + SCROLLABLE ITEM + FIXED ITEM +
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
小屏幕:
++++++++++++++++++++++++++++++++++++++++++
| FIXED ITEM | SCROLLABL... | FIXED ITEM |
+++++++++++++.<@@@@>--------.+++++++++++++
到目前为止,我已经设法做了一切(见here)除了滚动部分,有什么想法吗?
2条答案
按热度按时间kknvjkwl1#
您可以使用
white-space: nowrap
属性强制文本保持在一行上。第一个
js81xvg62#
第一个
请尝试以下示例。
并查看“隐藏滚动条”、“仅y滚动”和“换行”等详细信息。