通过css对字符串超出后截取并加上省略号

本篇文章讲一下用css对字符串超出范围后的截取方式

一、超出后加上省略号，关键样式如下 

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

二、超出后不加省略号，且不换行

overflow: hidden;
white-space: nowrap;

三、超出后不加省略号，并换行

overflow: hidden;