css一行超出显示三个点

CSS中实现一行超出显示三个点，其实就是文本溢出处理。这种情况在实际开发中非常普遍，很多情况下我们需要让文本过长的时候保持一定的长度，同时又不影响文本内容的展现，这时候就需要使用CSS中的文本溢出处理方法。

text-overflow:ellipsis; 

text-overflow属性可以设置文本溢出时的处理方式，其中ellipsis表示使用省略号来代表文本溢出的部分。我们通常会将它与white-space和overflow两个属性一起使用：

white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis; 

其中white-space:nowrap用来设置文本不换行，overflow:hidden用来将超出部分隐藏起来。这三个属性的结合就可以实现一行超出显示三个点的效果了。