基础属性：（只能做到超出一行部分省略号显示）
#example {
overflow: hidden;/*超出文本隐藏*/
white-space: nowrap;/*不换行只显示一行*/
text-overflow:ellipsis; /*超出部分省略号显示 */
}
以上代码只能实现只显示一行文本，结尾会用省略号代替显示，那如何实现2行或多行结尾用省略号代替显示呢？
自定义行数超出部分省略号显示
#example {
overflow: hidden;/*超出文本隐藏*/
text-overflow:ellipsis; /*超出部分省略号显示 */
display: -webkit-box;/*弹性盒模型*/
-webkit-box-orient: vertical;/*上下垂直*/
-webkit-line-clamp: 2;/*自定义行数*/
}
以上代码即可做到超出 N 行部分省略号显示，行数可自定义
内容来源自 CSS文本超过2行省略号（...）显示_狂野的心跳的博客-CSDN博客_超过两行...
标签：...,显示,省略号,微信,超出,overflow,文本 From： https://www.cnblogs.com/shiny-moon/p/16788185.html