微信小程序scroll-view中文本文字不能换行

最新推荐文章于 2022-04-14 14:47:05 发布

燃一燃

最新推荐文章于 2022-04-14 14:47:05 发布

阅读量1k

点赞数

分类专栏：毕设收集文章标签：微信小程序

本文链接：https://blog.csdn.net/weixin_43106312/article/details/118786780

版权

毕设收集专栏收录该内容

3 篇文章 0 订阅

订阅专栏

今天在写小程序的时候使用了scroll-view,但是发现在scroll-view中一行文字不能换行，代码如下：

<scroll-view scroll-y style="width:100rpx;height:100rpx;">
asdhadjhkajshdkjahsdkjasdajsdhkajsdkajsdkajsdhasjdaksj
</scroll-view>

发现scroll-view内的一大段英文只显示在一行，超出宽度的部分不能被隐藏了

解决办法：

在网上搜索了一下小程序scroll-view文字不能换行的问题后，发现原来是小程序组件有一个默认的样式 white-space: nowrap; ,默认是不换行的，所以我就添加了 white-space:normal !important; 来覆盖它的默认样式，但是事与愿违，加上后还是不行，于是我又搜索了文字换行，发现一般的文字换行都会加上 word-break: break-all; 我加上后发现确实可以了。