css 文本超出省略号

以下是使用CSS实现文本超出省略号的方法：

1. 使用text-overflow属性和white-space属性：

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

这个方法适用于单行文本，当文本超出容器宽度时，会显示省略号。

2. 使用text-overflow属性和white-space属性实现多行文本的省略号：

.ellipsis-multi-line {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* 设置最大行数 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

这个方法适用于多行文本，当文本超出指定的行数时，会显示省略号。