css超过三行显示省略号

要实现CSS超过三行显示省略号，可以使用以下两种方法：
1. 使用-webkit-box属性，将元素的显示方式设置为弹性盒子，并设置最大行数为3行，超出部分使用省略号代替。具体代码如下：

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;

2. 使用inline-block属性，将元素的显示方式设置为行内块，并设置元素宽度为100%，超出部分使用省略号代替。具体代码如下：

display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;