css超出两行及多行省略号的样式设置为

对于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 等。