本文主要是介绍微信小程序:多行文本溢出出现多余的文字-webkit-line-clamp,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
多行文本溢出隐藏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出现内容溢出
这篇关于微信小程序:多行文本溢出出现多余的文字-webkit-line-clamp的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!