一、单行省略

1. 强制不换行： white-space: nowrap;

2. 超出隐藏： overflow: hidden

3. 超出的文本显示省略号： text-overflow: ellipsis;

二、多行省略号

（内核是webkit的浏览器（Google/Safari）直接使用CSS，其他的要使用定位等手段手动添加 ...）

1. 超出隐藏： overflow:hidden;

2. 超出的文本显示省略号： text-overflow: ellipsis;

3. 设置弹性盒模型： display:-webkit-box;

4. 设置弹性盒子 的子元素的排列方式 ： -webkit-box-orient:vertical;

5. 显示文本的行数：-webkit-line-clamp:3; (最多显示3行)