微信小程序原生組件cover-view內當文字超出寬度時顯示不全

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

 

這時內容就會被覆蓋到
原因：cover—view自帶overflow：hidden屬性。
解決辦法：
給cover-view類添加

white-space:pre-wrap;

這個屬性就可以自動換行了。

並且需要注意的是：

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