单行文本

text{

overflow:hidden; //超出一行文字自动隐藏

text-overflow:ellipsis;//文字隐藏后添加省略号

white-space:nowrap; //强制不换行

}

多行文本
text{

    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    font-size: 32rpx;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;

}

 注意:如果你的是行内样式的话,可能你省略号会出不来哦!!

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-12-11
  • 2021-05-23
  • 2022-12-23
  • 2022-12-23
  • 2021-09-03
  • 2021-12-14
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案