在项目中我们经常需要在文本过长时显示，将文本超出的部分内容用省略号代替，基于css代码是怎么实现的呢？下面脚本之家小编通过分析本文给大家详解，感兴趣的朋友一起学习吧

在项目中我们经常需要在文本过长时显示，将文本超出的部分内容用省略号代替： 思想为： 首先设置宽度，然后让超出的部分隐藏 如果有超出则在最后显示省略号 让文本不换行 具体css代码为： 复制代码代码如下:.title{ width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; } Html代码就不用写了，一个div 或者span class = "title"即可。