css 超出两行...

当文本内容超出两行时，你可以使用CSS的`text-overflow`属性来处理。`text-overflow`属性用于控制文本溢出时的显示方式。

下面是一个示例代码：

.container {
  width: 200px; /* 设置容器宽度 */
  white-space: nowrap; /* 防止换行 */
  overflow: hidden; /* 控制溢出部分隐藏 */
  text-overflow: ellipsis; /* 使用省略号(...)表示被截断的文本 */
}

在上述代码中，`.container`是包含文本的容器元素。通过设置容器的宽度、禁止换行、隐藏溢出部分，并使用`text-overflow: ellipsis`来显示省略号，可以实现超出两行时的省略效果。

请注意，`text-overflow`属性只在以下条件满足时才会生效：

1. 容器需要有明确的宽度或高度限制。
2. 容器中的文本必须具有`white-space: nowrap`属性，以防止自动换行。
3. 容器的`overflow`属性需要设置为`hidden`或`clip`，以控制溢出部分的隐藏。

如果你希望显示完整的多行文本，并在超出时显示滚动条，可以考虑使用CSS的`overflow: auto`属性来实现。这样用户可以通过滚动容器来查看完整的文本内容。

.container {
  width: 200px; /* 设置容器宽度 */
  height: 60px; /* 设置容器高度 */
  overflow: auto; /* 显示滚动条 */
}

上述代码中，容器的高度被限制为60px，当文本内容超出容器高度时，将显示垂直滚动条，用户可以滚动容器来查看完整的文本内容。

希望这些信息对你有帮助！