微信小程序原生组件cover-view内当文字超出宽度时显示不全

<cover-view class='test'>哈哈哈啊哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈哈哈哈哈哈哈哈</cover-view>

 

这时内容就会被覆盖到
原因：cover—view自带overflow：hidden属性。
解决办法：
给cover-view类添加

white-space:pre-wrap;

这个属性就可以自动换行了。

并且需要注意的是：

cover-view不支持flex布局，所以所有的flex属性是不生效的；