码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2019-11-21 16:54:05      阅读:481      评论:0      收藏:0      [点我收藏+]

标签:ash   覆盖   就会   布局   注意   dash   property   哈哈哈哈哈哈   哈哈   

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

 

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

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

并且需要注意的是:

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

 

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

标签:ash   覆盖   就会   布局   注意   dash   property   哈哈哈哈哈哈   哈哈   

原文地址:https://www.cnblogs.com/maruihua/p/11906510.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!