CSS超出省略号实现
1. 实现CSS单行超出省略号
.container {
white-space: nowrap; /* 强制在一行中渲染文本 */
overflow: hidden; /* 隐藏容器内部超出的内容 */
text-overflow: ellipsis; /* 添加省略号 */
}2. 实现CSS多行超出省略号
.container {
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;//当属性值为3，表示超出3行隐藏
}