多行文本溢出显示省略号(…) +css样式

版权声明：如果对您有所帮助，那就随手分享帮助更多人吧！ https://blog.csdn.net/weixin_43970743/article/details/89491455

今天怂怂就为大家分享一篇通过css样式使文本在一行内显示，超出则加省略号的实例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟随怂怂过来看看吧

超出隐藏（overflow:hidden;）

强制在同一行显示（white-space: nowrap;）

省略号（text-overflow:ellipsis;）

直接放代码：代码三连击！

style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis";

 ps：

white-space属性

定义：white-space 属性设置如何处理元素内的空白。·

实例：规定段落中的文本不进行换行：就是说在一行显示。

p{ white-space: nowrap;}

值	描述
nowrap	文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。