利用css实现带有省略号的段落

　　带有省略号的段落就是你只能在一行显示一段文字，文字过长是肯定不能完全显示的，如果默认的话，超出的文字会自动换行，撑大盒子。

　　　1.这时需要设置white-space: nowrap，禁止换行。这样的话，文字就会在一行显示

　　　2.在一行显示就会有超出的部分，使用overflow: hidden将超出的部分隐藏。

　　　3.虽然隐藏了，但是有可能最后一个字被挡住一部分，而且我们需要的是省略号，这时再加上text-overflow: ellipsis;就可以将最后改成省略号。

 

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