对于CSS样式设置超出两行的文本省略号，可以使用以下方式：
```CSS
.text {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
```
以上代码中，`.text` 是要被设置样式的元素的类名。`display: -webkit-box;` 表示将元素以弹性盒子的形式显示。`-webkit-line-clamp: 2;` 表示限制只显示两行的文本。`-webkit-box-orient: vertical;` 表示弹性盒子中的子元素按照垂直方向排列。`overflow: hidden;` 表示超出部分隐藏。`text-overflow: ellipsis;` 表示超出部分用省略号表示。
对于多行省略号的样式设置，可以使用以下方式：
```CSS
.text {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
```
以上代码中，只需将`-webkit-line-clamp`的值修改为需要显示的行数即可。例如，上述代码中将文本限制为只显示三行，并超出部分用省略号表示。
需要注意的是，以上代码中的 `-webkit` 前缀是为了兼容一些旧版本的浏览器，如 Safari 等。
咨询微信客服
0516-6662 4183
立即获取方案或咨询
top
