css 设置文本高度两行超过省略号

在CSS中，如果你想设置文本的高度为两行，并在超出部分显示省略号，你可以使用`line-height`属性来控制行高，以及`overflow`和`text-overflow`属性来处理溢出内容。下面是一个简单的示例：

.text-ms-flexbox; /* IE 10及更新版本 */
    display: flex;
    overflow: hidden; /* 隐藏超出的部分 */
    text-overflow: ellipsis; /* 文本溢出时显示省略号 */
    white-space: nowrap; /* 不换行 */
    line-height: 2; /* 设置两行的高度 */
}

/* 或者，如果你希望内容本身自动换行并且限制两行高度，可以使用下面的组合 */
.text-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 4em; /* 例如，这里假设字体大小是16px，那么就是80px两行 */
    overflow-wrap: break-word; /* 自动断行 */
    line-height: 1.5; /* 每行实际的行高 */
}

然后在HTML中应用这个类到需要展示两行省略号的元素上：

<div class="text-container">
    这是一段很长的文字，可能会超出两行，如果超出的话就会显示省略号...
</div>