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

Posted 一个魔都的小菜鸟

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序原生组件cover-view内当文字超出宽度时显示不全相关的知识,希望对你有一定的参考价值。

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

 

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

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

并且需要注意的是:

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

 

以上是关于微信小程序原生组件cover-view内当文字超出宽度时显示不全的主要内容,如果未能解决你的问题,请参考以下文章

小程序--组件--视图容器

微信小程序中悬浮窗功能的实现(主要探讨和解决在原生组件上的拖动)

理解小程序cover-view

小程序 map组件问题 cover-view问题

微信小程序之video组件与cover-view组件和cover-image组件灵活应用

微信小程序map地图的一些使用注意事项