五年过去了
-webkit-line-clamp和text-align: justify共用- 当前 Bug 的表现(可附上截图) [图片] 可以看到第一个"..."和文字重叠了,两个样式是一样的,只是内容不一样,也就是某些文字的尺寸组合会导致这样 - 预期表现 都像第二个的表现(在chrome中测试,不管内容如何表现都是正常的) - 复现路径 wxml: [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"intro"[代码][代码]>当前 Bug 的表现当前 Bug 的表现当前 Bug 的表现当前 Bug 的表现当前 Bug 的表现当前 Bug 的表现当前 Bug 的表现当前 Bug 的表现当前 Bug 的表现</[代码][代码]view[代码][代码]>[代码]css: [代码].intro {[代码][代码] [代码][代码]display[代码][代码]: -webkit-box;[代码][代码] [代码][代码]-webkit-box-orient: vertical;[代码][代码] [代码][代码]word-break: break-[代码][代码]all[代码][代码];[代码][代码] [代码][代码]text-[代码][代码]overflow[代码][代码]: ellipsis;[代码][代码] [代码][代码]-webkit-line-clamp: [代码][代码]3[代码][代码];[代码][代码] [代码][代码]overflow[代码][代码]: [代码][代码]hidden[代码][代码];[代码][代码] [代码][代码]text-align[代码][代码]: [代码][代码]justify[代码][代码];[代码][代码] [代码][代码]margin-bottom[代码][代码]: [代码][代码]2em[代码][代码];[代码][代码]}[代码]- 提供一个最简复现 Demo
2023-05-22