css简单实现下图单行文本溢出部分用省略号代替效果 当文本内容过多是,默认会自动换行 要变为第一张图的效果,只需要给该行文字所在的标签加三个属性 text-overflow: ellipsis;/*显示省略符号来代表被修剪的文本。*/ white-space: nowrap;/*文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。*/ overflow: hidden;/*内容会被修剪,并且其余内容是不可见的。*/ text-overflow 用法 white-space 用法 overflow 用法 注意:该方法只能实现单行文本显示