不使用-Webkit-Box做两行溢出省略

如果你想要实现两行文本溢出省略而不用 `-webkit-box` 盒模型相关的特性，可以使用普通的 CSS 布局技巧。例如，你可以使用 `line-clamp` 和 `overflow` 属性来控制文本溢出并显示省略标记。这种方法适用于现代浏览器，但不是所有旧版浏览器都支持。

.container {
  display: -webkit-box; /* 如果需要兼容 WebKit 内核，如 Safari */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; /* 保持文本在同一行 */
  max-height: 2em; /* 设置容器最大高度限制为两行的高度 */
}

/* 使用通用语法，无需指定 -webkit-前缀 */
.container {
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.5; /* 确保两行的高度 */
  max-height: fit-content; /* 或者使用这个值，适应内容高度 */
}