小程序
小游戏
企业微信
微信支付
扫描小程序码分享
text内 中英文混排 英文单词不自动换行,样式都写了:
word-break:break-all;
word-wrap:break-word;
还是不换行,真机也不换行,求官方解答
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
试一下换成 rich-text 组件渲染图文混排的内容?
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
1、因为展示的内容为接口返回的数据,不能单独设置样式,这样的话中英文混排英文还是不会换行。2、text组件为什么不能换行呢。请官方回答下这两个问题,谢谢
没懂需求是什么。既然你不需要英文单词从中间断开换行的功能,那还为什么要加 word-break 属性呢?
如果你需要英文单词不断开,去掉word-break word-wrap就满足你的需求了
不好意思可能我的描述错了,需求是希望换行的时候英文单词不要断开,因为展示内容为接口返回的数据,在rich-text组件中不能添加样式,所以用text组件怎么实现:换行的时候英文单词不要断开
那这样就只保留word-wrap: break-word即可
跪求官方大哥指点这个问题,和排版有关: https://developers.weixin.qq.com/community/develop/doc/0006acf61648906fc3c793a465b800
真机效果
跪求官方大哥指点这个问题: https://developers.weixin.qq.com/community/develop/doc/0006acf61648906fc3c793a465b800
开发工具的版本是?真机的效果如何?我测试是OK的
开发工具版本是:v1.02.1811290,真机测试也是不换行
代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)给个看看
https://developers.weixin.qq.com/s/wL5VcAmn7W4L
iphone7(微信版本Wechat 6.7.4)上Greer单词还是被切开了
真机测试如图:
发给你片段了,这是什么问题呢,请速度解决下,谢谢
页面是全是问号
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
试一下换成 rich-text 组件渲染图文混排的内容?
1、因为展示的内容为接口返回的数据,不能单独设置样式,这样的话中英文混排英文还是不会换行。2、text组件为什么不能换行呢。请官方回答下这两个问题,谢谢
没懂需求是什么。既然你不需要英文单词从中间断开换行的功能,那还为什么要加 word-break 属性呢?
如果你需要英文单词不断开,去掉word-break word-wrap就满足你的需求了
不好意思可能我的描述错了,需求是希望换行的时候英文单词不要断开,因为展示内容为接口返回的数据,在rich-text组件中不能添加样式,所以用text组件怎么实现:换行的时候英文单词不要断开
那这样就只保留word-wrap: break-word即可
跪求官方大哥指点这个问题,和排版有关: https://developers.weixin.qq.com/community/develop/doc/0006acf61648906fc3c793a465b800
真机效果
跪求官方大哥指点这个问题: https://developers.weixin.qq.com/community/develop/doc/0006acf61648906fc3c793a465b800
开发工具的版本是?真机的效果如何?我测试是OK的
开发工具版本是:v1.02.1811290,真机测试也是不换行
代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)给个看看
https://developers.weixin.qq.com/s/wL5VcAmn7W4L
iphone7(微信版本Wechat 6.7.4)上Greer单词还是被切开了
真机测试如图:
发给你片段了,这是什么问题呢,请速度解决下,谢谢
页面是全是问号