CSS实现过多的文本进行省略号显示

单行文本省略

.ellipsis {white-space: nowrap;      /* 禁止换行 */overflow: hidden;         /* 溢出内容隐藏 */text-overflow: ellipsis;  /* 溢出部分显示为省略号 */width: 200px;             /* 必须设置宽度 */
}

多行文本省略（跨浏览器方案）

.multiline-ellipsis {display: -webkit-box;     /* 必须结合的属性 */-webkit-box-orient: vertical; /* 必须结合的属性 */-webkit-line-clamp: 3;    /* 显示的行数 */overflow: hidden;         /* 溢出内容隐藏 */width: 200px;             /* 必须设置宽度 */
}