在项目中我们经常需要在文本过长时显示，将文本超出的部分内容用省略号代替：

思想为：

首先设置宽度，然后让超出的部分隐藏

如果有超出则在最后显示省略号

让文本不换行

具体css代码为：

代码如下:

.title{

width:200px;

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;

word-break:keep-all;

}

Html代码就不用写了，一个div 或者span class = "title"即可。

以上就是本文章的内容，希望对大家有所帮助