单行和多行文本省略号

1)单行文本溢出显示省略号

核心css语句：

1、white-space: nowrap; (设置文字在一行显示不能换行)

2、overflow:hidden; (顾名思义超出限定的宽度就隐藏内容)

3、text-overflow: ellipsis;(规定当文本溢出时显示省略符号来代表被修剪的文本)

（2)多行文本溢出显示省略号

核心css语句：

1、white-space: pre-wrap; :允许换行 同时保留文本中的空白、换行符；

2、overflow:hidden; (顾名思义超出限定的宽度就隐藏内容)

3、text-overflow: ellipsis;(规定当文本溢出时显示省略符号来代表被修剪的文本)

4、display: -webkit-box; (和1结合使用，将对象作为弹性伸缩盒子模型显示 )

5、-webkit-line-clamp:2; (用来限制在一个块元素显示的文本的行数,2表示最多显示2行。 为了实现该效果，它需要组合其他的WebKit属性)

6、-webkit-box-orient:vertical;( 和1结合使用 ，设置或检索伸缩盒对象的子元素的排列方式 。)