一般超出文本显示分为两种：单行超出文本和多行超出文本省略号显示，实现方式使用纯css实现：
1 div { // 单行2 ????white-space: nowrap;3 ????overflow: hidden;4 ????text-overflow: ellipsis;5 }1 div { // 多行2 ????overflow: hidden;3 ????text-overflow: ellipsis;4 ????display: -webkit-box; // 注意不是flex5 ????-webkit-line-clamp: 2; // 指定行数6 ????-webkit-box-orient: vertical; // box元素排列水平方式7 }css实现文本超出部分省略号显示
原文地址：https://www.cnblogs.com/ljwk/p/9622710.html