使用css样式控制英文单词换行,以英文单词进行断词

发布于 8 年前作者 zhujing770 次浏览最后编辑 8 年前来自 ask

期待的效果:

使用如下样式做到换行:

word-wrap:break-word;
word-break:keep-all;
width:400rpx;

但是不知道怎么回事一直无法在开发工具和手机上达到换行的效果,最后通过对比AppData中的字符串存在问题。

最后使用replace的方法做到空格替换空格 replace(/\s/g, ’ '),所以怀疑小程序中的字符串经过了处理导致样式无法生效。

目前为找到真正的问题,只是解决了这个不英文单词断词的bug

1 回复
qiangchang
qiangchang1 楼6 年前

有遇到这个问题的小伙伴可以尝试一下使用 str.replace(/\s/g’ '), 将字符串替换之后,再看看效果