关于css实现单号省略号的方式以及实现多行文本溢出省略号

在各位小伙伴实现各种文字显示的时候，特别是展示列表内容或者标题的时候，

难免会碰到文本超多怎么办？所以会用到省略号的功能实现

下面让我们直接上关键代码：

1. white-space: nowrap; 让写的内容在一行显示,并不换行。 nowrap就是不换行的意思。

2.overflow: hidden; 让写的内容部分的溢出部分隐藏。

3. text-overflow: ellipsis; 让溢出的前一个文字显示省略...

 效果图：

对了 一般要设置宽度额 超过宽度会产生省略号额 

当然也会遇到多行文本设置省略号：

用于多行文本溢出
 span {
              display: -webkit-box;
              -webkit-box-orient: vertical;
              text-overflow: ellipsis;
              -webkit-line-clamp: 3;
              overflow: hidden;
}

单行文本：
1. white-space: nowrap; 让写的内容在一行显示,并不换行。 nowrap就是不换行的意思。
2.overflow: hidden; 让写的内容部分的溢出部分隐藏。
3. text-overflow: ellipsis; 让溢出的前一个文字显示省略...