css三行省略号兼容ie

在CSS样式中，通常使用三行省略号表示截断长文本。例如：

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; 

然而，在Internet Explorer浏览器中，这种写法不兼容。这时可以使用以下的替代方案：

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical; 

这种方式将文本放置在一个块容器中，然后让文本的总行数不超过1行，剩余的文本使用省略号截断。但是需要注意的是，使用这种方式时，元素的高度应该设置为当前行高的倍数。