小程序中 文本溢出问题，格式化富文本

1、css 文本溢出问题

使用中，记得给父元素设置宽度，百分比，绝对宽度等 

.text {
    font-size: 38rpx;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; 
}

2.多行

.text {
    font-size: 38rpx;
    line-height: 38rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
}

2、解析富文本

当前直接使用小程序中的富文本标签就可以直接使用

高跟鞋女2018新款春季单鞋仙女甜美链子尖<span style="color:#ffa500;">头防水台细跟女鞋一字带高跟鞋女2018新款春季单鞋仙女甜美</span>链子尖头防水台细跟女鞋一字带高跟鞋女2018新款春季单鞋仙女甜美链子尖头防水台细跟女鞋一字带高跟鞋女2018新款春季单鞋仙女甜美链子尖头防水台细跟女鞋一字带<br /><br />高跟鞋女2018新款春季单鞋仙女甜美链子尖头防水台细跟女鞋一字带高跟鞋女2018新款春季单鞋仙女甜美链子尖头防水台细跟女鞋一字带高跟鞋女2018新款春季单鞋仙女甜美链子尖头防水台细跟女鞋一字带高<span style="color:#0000ff;"><span style="font-size:16px;">跟鞋女2018新款春季单鞋仙女甜美链子尖头</span></span>防水台细跟女鞋一字带高跟鞋女2018新款春季单鞋仙女甜美链子尖头防水台细跟女鞋一字带<br /><br /><img alt="" src="http://vueshop.glbuys.com/uploadfiles/1524556409.jpg" style="width: 100%;" /><br /><br /><img alt="" src="http://vueshop.glbuys.com/uploadfiles/1524556419.jpg" style="width: 100%;"

<rich-text nodes="{{info.bodys}}"></rich-text>

其他的引入wxparase的，暂时没有考虑，本来小程序容积率就小，再引入第三方，只会增加体积，得不偿失