收藏
回答

text 中英文混排 英文单词不自动换行

text内 中英文混排 英文单词不自动换行,样式都写了:

word-break:break-all;

word-wrap:break-word;

还是不换行,真机也不换行,求官方解答


最后一次编辑于  2018-12-11  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

3 个回答

  • 娇华
    娇华
    2018-12-11

    开发工具的版本是?真机的效果如何?我测试是OK的

    2018-12-11
    赞同
    回复 7
    • Shaoteng
      Shaoteng
      2018-12-11

      开发工具版本是:v1.02.1811290,真机测试也是不换行


      2018-12-11
      回复
    • 娇华
      娇华
      2018-12-11回复Shaoteng

      代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)给个看看

      2018-12-11
      回复
    • Shaoteng
      Shaoteng
      2018-12-11回复娇华

      https://developers.weixin.qq.com/s/wL5VcAmn7W4L

      iphone7(微信版本Wechat 6.7.4)上Greer单词还是被切开了

      真机测试如图:


      2018-12-11
      回复
    • Shaoteng
      Shaoteng
      2018-12-12回复娇华

      发给你片段了,这是什么问题呢,请速度解决下,谢谢

      2018-12-12
      回复
    • Shaoteng
      Shaoteng
      2018-12-12回复卢霄霄

      页面是全是问号

      2018-12-12
      回复
    查看更多(2)
  • Shaoteng
    Shaoteng
    2018-12-11

    真机效果


    2018-12-11
    赞同
    回复 1
  • 韬々
    韬々
    2018-12-11

    试一下换成 rich-text 组件渲染图文混排的内容?

    2018-12-11
    赞同
    回复 5
    • Shaoteng
      Shaoteng
      2018-12-12

      1、因为展示的内容为接口返回的数据,不能单独设置样式,这样的话中英文混排英文还是不会换行。2、text组件为什么不能换行呢。请官方回答下这两个问题,谢谢

      2018-12-12
      回复
    • 韬々
      韬々
      2018-12-12

      没懂需求是什么。既然你不需要英文单词从中间断开换行的功能,那还为什么要加 word-break 属性呢?


      如果你需要英文单词不断开,去掉word-break word-wrap就满足你的需求了

      2018-12-12
      回复
    • Shaoteng
      Shaoteng
      2018-12-12回复韬々

      不好意思可能我的描述错了,需求是希望换行的时候英文单词不要断开,因为展示内容为接口返回的数据,在rich-text组件中不能添加样式,所以用text组件怎么实现:换行的时候英文单词不要断开

      2018-12-12
      回复
    • 韬々
      韬々
      2018-12-12

      那这样就只保留word-wrap: break-word即可

      2018-12-12
      回复
    • 鸿 昊
      鸿 昊
      2018-12-12

      跪求官方大哥指点这个问题,和排版有关: https://developers.weixin.qq.com/community/develop/doc/0006acf61648906fc3c793a465b800

      2018-12-12
      回复