微信小程序学习:文本超过2行省略号（...）显示

基础属性：（只能做到超出一行部分省略号显示）

#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博客_超过两行...