单行文本省略号和多行文本省略号

Posted 2022-02-11 manban

单行文本省略号的设置必须满足，以下四个条件：

　　　　1.固定的宽度：width:value;

　　　　2.强制在一行显示：white-sapce:nowrap;

　　　　3.溢出部分隐藏不可见：overflow:hidden;

　　　　4.显示省略号：text-overflow:ellipisis;

多行文本省略号：

　　　　1.display：-webkit-box;

　　　　2.-webkit-box-orient:vertical;

　　　　3.-webkit-line-clamp:3;

　　　　4.overflow:hidden;