首页 > 编程语言 >微信小程序:多行文本溢出出现多余的文字

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

时间:2023-02-11 15:56:35浏览次数:44  
标签:多行 微信 height webkit line 文本 溢出

多行文本溢出隐藏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出现内容溢出

 

标签:多行,微信,height,webkit,line,文本,溢出
From: https://www.cnblogs.com/MrSlow/p/17111823.html

相关文章