小程序中,在文本渲染的时候。文字和数字在一起的时候,数字被强制换行了。数字并没有跟随在文字之后平滑换行。并且整个view是被设置了word-break: break-word; 在强制换行的时候并没有像预期结果一样。
一开始以为是 word-break: break-word的原因导致,可是将该属性去掉之后问题还是在。后来想起之前也因为一个文本的问题用过line-break,于是就试了试,发现可以很完美的解决上述问题。
但是在现在的移动端不会出现兼容问题,但是如果用于PC端在老的浏览器,如IE上面或者Edge上面可能会有兼容性问题,这个要注意一下。
解决方案可以通过CSS属性line-break: anywhere;来解决,解决后的效果如下:
line-break语法如下:
auto:使用默认的换行规则。
loose:使用限制性最小的换行规则分隔文本。通常用于短行,如在报纸上。
normal:使用最常见的换行规则。
strict:使用最严格的换行规则。
anywhere:任意位置都可以作为换行点,包括任意的标点
扫码关注腾讯云开发者
领取腾讯云代金券
Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号:粤B2-20090059 深公网安备号 44030502008569
腾讯云计算(北京)有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287
Copyright © 2013 - 2025 Tencent Cloud.
All Rights Reserved. 腾讯云 版权所有