一. 單行顯示省略號 (這種方法僅作用于塊級元素,對內聯元素無效)
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
