CSS强制不换行、超出部分显示省略号 2017-10-29 16:35 | 781 | 0 | 前端 138 字 | 1 分钟内 最近在制作列表使用<li>标签,默认li标签内的内容是自动换行的。由于样式需要,要求li标签的内容不换行。 默认自动换行状态如图: 这样是很不美观的,我们需要给li标签做以下css修饰: li { overflow: hidden; white-space: nowrap; text-overflow:ellipsis; } 注意:overflow是隐藏超出内容,white-space是强制不换行,在一行内显示,text-overflow是超出部分显示省略号。 修改后的样式如图 csscss3前端