微信小程序:多行文本溢出出现多余的文字

多行文本溢出隐藏css样式
.line-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /*限制文本行数*/
  -webkit-box-orient: vertical;
  word-break: break-all; /* 追加这一行代码 */
}

模拟器上表现良好,iOS真机测试发现有文字漏出来了

 

 将文本高度设置为自动就正常了

line-height: normal

 

 

参考

设置line-height:1并设置超出省略时,ios出现内容溢出

 

posted @ 2023-02-11 15:44  MrSlow  阅读(362)  评论(0)    收藏  举报