css超出一行不折行而是显示省略号

通过使用text-overflow和white-space属性来使文本在一行内显示，超出则加省略号；

必要条件有：

• 必须给元素超出隐藏（overflow:hidden;）
• 强制在同一行显示（white-space: nowrap;），不折行；
• 省略号（text-overflow:ellipsis;）