css 文本超过一行省略号显示、文本超过两行省略号显示

要使CSS文本在一行内显示，并在超过一行时显示省略号（...），可以使用以下CSS样式：

.text-ellipsis {
  white-space: nowrap;      /* 文本不换行 */
  overflow: hidden;         /* 隐藏超出容器的内容 */
  text-overflow: ellipsis;  /* 使用省略号表示被截断的文本 */
}

将这个样式应用到需要限制为一行的元素上，例如：

<div class="text-ellipsis">
  这是一段很长的文本，但我们希望它只显示一行，超过的部分用省略号表示。
</div>

要使CSS文本最多显示两行，并在超过两行时显示省略号（...），可以使用以下CSS样式：

.text-ellipsis-2 {
  display: -webkit-box;      /* 使用Webkit的盒子模型 */
  -webkit-line-clamp: 2;     /* 限制最多显示2行 */
  -webkit-box-orient: vertical; /* 设置盒子内容的排列方向为垂直 */
  overflow: hidden;         /* 隐藏超出容器的内容 */
  text-overflow: ellipsis;  /* 使用省略号表示被截断的文本 */
}

-webkit-line-clamp是控制显示的行数，比如您想显示3行，改为3即可。

请注意，文本最多显示两行的这种处理方法目前仅在支持Webkit盒子模型的浏览器中有效，例如Chrome和Safari。对于其他浏览器如果不生效，您可能需要使用其他方法，例如使用JavaScript来实现类似的功能。