526互联

微信小程序 文字超过行后隐藏显示省略号

发布时间 2023-12-18 10:53:49作者: Smile浅笑

1、只需要显示一行，超过的省略号处理

text{
    overflow:hidden;    //超出一行文字自动隐藏
    text-overflow:ellipsis;    //文字隐藏后添加省略号
    white-space:nowrap;    //强制不换行
}

2、如果在多行的情况下

  • 注解一定要加 注解一定要加 注解一定要加 重要的事情说5遍 /*! autoprefixer: off */
view {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}