css超出两行显示省略号

可以使用CSS的文本溢出属性来控制文本超出两行时显示省略号。具体方法如下：

1. 设置元素的高度和行高，以确保元素仅显示两行文本。

.element {
  height: 2.4em; /* 2行文本的高度 */
  line-height: 1.2em; /* 行高等于字体大小 */
}

2. 使用文本溢出属性设置文本超出时的行为。

.element {
  white-space: nowrap; /* 不换行 */
  overflow: hidden; /* 隐藏超出部分 */
  text-overflow: ellipsis; /* 显示省略号 */
}

完整代码如下：

.element {
  height: 2.4em;
  line-height: 1.2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

这样，当元素中的文本超出两行时，就会显示省略号了。