数字跟文字一起被强制换行了?

119 阅读1分钟

小程序中,文本渲染的时候。文字和数字在一起的时候,数字被强制换行了。并且整个view是被设置了word-break: break-word;

效果如下

image.png

解决方案可以通过CSS属性line-break: anywhere;来解决,解决后的效果如下:

image.png

line-break语法如下:

auto:使用默认的换行规则。


loose:使用限制性最小的换行规则分隔文本。通常用于短行,如在报纸上。

normal:使用最常见的换行规则。

strict:使用最严格的换行规则。

anywhere:任意位置都可以作为换行点,包括任意的标点