小程序文字超出限定字数显示···_小程序求字符串占屏幕长度

作者：IT小白 | 2024-02-21 12:49:58

踩

小程序求字符串占屏幕长度

UI图的超出限定字数显示为···，而不是普通的…，于是自己封装了一个函数

  /**
   * 截取文字长度
   */
  cutTextLong(text, num) {//text为传入文本，num为需要留下的文本长度
    if(text.length>num) {
    return text.slice(0,num?num:11)+'···'
  }else {
    return text
  }
  },
1
2
3
4
5
6
7
8
9
10

如果只需要显示普通的…通过css即可完成，3行代码~

 text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  }
1
2
3
4
5

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/IT小白/article/detail/123882

小程序文字超出限定字数显示···_小程序 求字符串占屏幕长度

小程序文字超出限定字数显示···_小程序求字符串占屏幕长度