微信小程序原生组件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内当文字超出宽度时显示不全的主要内容,如果未能解决你的问题,请参考以下文章
微信小程序中悬浮窗功能的实现(主要探讨和解决在原生组件上的拖动)