css 文字溢出文本时省略号代替

记录分享一个小知识点 

目的：想让文字在一行显示，多余部分用省略号代替。

实现：需要加上宽度(width:100px)、超出隐藏（overflow:hidden;）、强制在同一行显示（white-space: nowrap;）、省略号（text-overflow:ellipsis;）

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