微信小程序 view内英文数字不换行

微信小程序 view内英文数字不换行

view标签英文不换行

最近遇到一个bug，在一个text标签内，如果纯粹的中文字符那是可以换行的，如果text标签内出现了英文或者数字的组合，这个标签换行bug了，溢出了，OMG！我的天啊，赶紧去翻翻html5中遇到这样的问题怎么解决？

果真有这样的bug，在H5中span标签连续英文不会换行，通过word-break:break-all可以修复这个问题，那么就去小程序添加这个css，测试一下，完美解决！

word-break:break-all;

多行显示省略号

    text-overflow: ellipsis;
    /* 溢出的内容将它隐藏 */
    overflow: hidden;
    /* 主要控制父元素容器里面子元素的排列方式 */
    display: -webkit-box;
    /* 实现限制文字显示多少行,也就是说要多少行是出现省略号,我这里设置两行就让文本出现省略号 */
    -webkit-line-clamp: 2;
    /* 属性规定框的子元素应该被水平或垂直排列 */
    -webkit-box-orient: vertical;

单行显示省略号

 overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow:ellipsis;