1***@qq.com
1***@qq.com
  • 发布:2021-02-02 11:38
  • 更新:2024-01-30 11:33
  • 阅读:2846

cover-view里的文本不能换行-vue

分类:uni-app

cover-view里的文本不能换行可能是样式问题,在这个范围内再去找问题,一般 white-space: normal;可以解决问题,防止万一加一个!important,在cover-view就可以,但是存在换行成功,却没有文字显示,同时高度有变化却没有设置高度,这时再加上 line-height:normal!important;,让其显示出来,
原因如下:
cover-view默认属性有(好像是小程序的):
cover-view {
display:block;
line-height:1.2;
overflow:hidden;
white-space:nowrap;
pointer-events:auto;
}

注意:可以换行后,每个cover-view建议加一个高度或是单行white-space属性不为normal,如果单行没有高度或是单行white-space属性为normal,在安卓中可能不显示。

参考:https://www.jianshu.com/p/3c255f5c94f9?from=singlemessage

1 关注 分享
DCloud_UNI_HRK

要回复文章请先登录注册

DCloud_UNI_HRK

DCloud_UNI_HRK

感谢你为社区做出的贡献,DCLOUD欢迎各开发者提供优质文章
2024-01-30 11:33
w***@winex-sh.com

w***@winex-sh.com

感谢
2024-01-30 10:52
w***@qq.com

w***@qq.com

感谢!
2021-06-03 22:32