css 设置第二行省略

CSS 中设置元素的第二行自动省略（truncation）通常通过 `overflow` 属性配合 `text-overflow` 和 `line-clamp` 实现。这里是一个示例：

.text-ellipsis {
  display: -webkit-box; /* 对于Webkit浏览器（如Chrome、Safari） */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-clamp: 2; /* 只显示两行，如果内容超过两行则省略 */
}

在这个例子中，`.text-ellipsis` 类用于应用样式。`display: -webkit-box` 是 Webkit 内核特有的，它允许我们控制每一行的内容。`overflow: hidden` 隐藏超出的部分，`text-overflow: ellipsis` 添加省略标记（...），`white-space: nowrap` 确保文本不会换行。

如果你只希望基于宽度而不是行数进行省略，可以不用 `line-clamp`，仅保留前两个属性：

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