收藏
评论

text 标签中文本的换行技巧

一般的文本换行使用

word-wrap: break-all;
word-break: breal-all;


但是在小程序中使用上述的样式,会使长串的标点符号破坏布局,比如“测试?????????????????????????????????????????????????????????????????”这段文字就会破坏布局


这个时候需要设置

word-break: break-word;

就可以避免上述情况发生。但是这个布局有一个缺陷就是长串的标点符号或数字或字母会另起一行。目前尚未找到完美的解决方案。

最后一次编辑于  2018-02-26
赞 1
收藏

4 个评论

  • 西赛德李
    西赛德李
    2018-03-01

    哈哈哈哈哈我用了和你一样的解决方案

    2018-03-01
    赞同
    回复
  • 端
    2018-03-01

    可能吧。。。。flex多层布局经常回出现问题,我现在改成把宽度写死的就可以换行了

    2018-03-01
    赞同
    回复
  • 西赛德李
    西赛德李
    2018-03-01

    说起来真的是打脸——我刚写完这个经验分享后,发现 Android 上大多数情况下 flex 内不能换行,只有我写的一个结构很简单地方用了 flex 也能换行。估计是因为 flex 自带的“宽度被子元素撑大”的特性。

    但是讲道理上个月我测试的时候还都是好好的,应该是微信更新了之后的新 Bug

    2018-03-01
    赞同
    回复
  • 端
    2018-03-01

    我在flex布局内用了不能换行。。。。

    2018-03-01
    赞同
    回复