处理手机微信小程序流程scroll

今日在写小程序流程的情况下应用了scroll-view,可是发如今scroll-view中1写作字不可以换行,编码以下:

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

发现scroll-view内的1大段英文只显示信息在1行,超过宽度的一部分不可以被掩藏了

处理

在网络上检索了1下小程序流程scroll-view文本不可以换行的难题后,发现原先是小程序流程组件有1个默认设置的款式 white-space: nowrap; ,默认设置是不换行的,因此我就加上了 white-space:normal !important; 来遮盖它的默认设置款式,可是不如人意,再加后還是不好,因而我又检索了文本换行,发现1般的文本换行都会再加 word-break: break-all; 我再加后发现的确能够了

word-break

因为我并不是技术专业的前端开发(正勤奋变成1个达标的前端开发工程项目师),因此我有特意看了1下word-break的用法,下面是我的1些了解,如有不正确,烦请纠正

英语的语法:word-break : normal | break-all | keep-all

主要参数:

normal : 按照亚洲地区語言和非亚洲地区語言的文字标准,容许在字内换行上面我写的事例沒有换行是由于英文是依据空格来分辨是不是要换行的,事例中是1长串英文本符沒有空格,因此就沒有换行,在正中间再加1个空格,就会在空格处开展换行,汉语是每一个中国汉字全是1个单独的个人,每一个字都可以以做为换行的标志

break-all : 该个人行为与亚洲地区語言的normal同样。也容许非亚洲地区語言文字行的随意字内断掉。该值合适包括1些非亚洲地区文字的亚洲地区文字,这个值会将单独的英文本符判断为单独的个人,每一个英文本符都可以以做为换行的表明 
 

keep-all :与全部非亚洲地区語言的normal同样。针对汉语,韩文,日文,不容许字断掉。合适包括小量亚洲地区文字的非亚洲地区文字

总结

以上所述是网编给大伙儿详细介绍的处理手机微信小程序流程scroll-view换行难题,期待对大伙儿有一定的协助,假如大伙儿有任何疑惑欢迎给我留言,网编会立即回应大伙儿的!