css省略号方法及不显示问题修复

1、单行文本溢出（三段式）

写完三段式记得写个宽度

overflow: hidden;//溢出隐藏
text-overflow:ellipsis;//溢出部分显示为省略号
white-space: nowrap;//不换行

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

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;//控制显示行数
overflow: hidden;

3、多行文本溢出省略号不显示的解决方法

1、检查书写以上样式的容器是否写了width属性；
2、检查自身或子元素或父元素的display属性在控制台调试（具体情况具体分析）我遇到的问题是li里面包裹a标签；结果a标签带了一个display：inline-block；属性导致省略号出不来；后来我换成了display：contents；。
注：W3C里面我没找到contents属性，但是控制台调试的时候我遇见了。

4、参考链接

参考链接：https://www.cnblogs.com/gopark/p/8875655.html