单行显示省略号/指定行显示省略号

一. 单行显示省略号 (这种方法仅作用于块级元素,对内联元素无效)
1. width: value; 容器的宽度
2. white-space:nowrap; 强制在一行显示文本
3. overflow:hidden; 溢出内容隐藏
4. text-overflow:ellipsis; 溢出的 ... 代替

二. 指定行显示省略号
1. display; -webkit-box;
2. overflow:hidden;
3. -webkit-box-orient: vertical;
4. -webkit-line-clamp: 2 指定行显示省略号

三. 限制字数后显示省略号(通过截取字符串的方式)

image.png

image.png