本文介绍了一种使用 CSS 来处理菜单栏名称过长导致的文字溢出问题的方法。通过设置 overflow 为 hidden，text-overflow 为 ellipsis 和 white-space 为 nowrap 的样式，可以有效地将超出部分的文字替换为省略号（...）。这种方法特别适用于网站导航栏等布局紧凑的场景。
如图，当左侧菜单栏名称过长时，设置 css 样式使多余的字显示为“……”
代码：
其中 ：
overflow： hidden 表示多余部分隐藏
text-overflow：ellipsis 表示文字多余部分显示为“……”
white-space：nowrap 表示多行文字时不换行
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
