带有省略号的段落就是你只能在一行显示一段文字，文字过长是肯定不能完全显示的，如果默认的话，超出的文字会自动换行，撑大盒子。
1.这时需要设置white-space: nowrap，禁止换行。这样的话，文字就会在一行显示
2.在一行显示就会有超出的部分，使用overflow: hidden将超出的部分隐藏。
3.虽然隐藏了，但是有可能最后一个字被挡住一部分，而且我们需要的是省略号，这时再加上text-overflow: ellipsis;就可以将最后改成省略号。
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
原文：https://www.cnblogs.com/guoqiangui/p/10631161.html