解决微信小程序scroll-view换行问题

本日在写小措施的时辰行使了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; 我加上后发明晰实可以了

word-break

因为我不是专业的前端(正全力成为一个及格的前端工程师)，以是我有专程看了一下word-break的用法，下面是我的一些领略，若有错误，烦请指正

语法：word-break : normal | break-all | keep-all

参数：

normal : 依照亚洲说话和非亚洲说话的文本法则，应承在字内换行上面我写的例子没有换行是由于英文是按照空格来判定是否要换行的，例子中是一长串英笔墨符没有空格，以是就没有换行，在中间加上一个空格，就会在空格处举办换行，中文是每个汉字都是一个独立的个别，每个字都可以作为换行的标识

break-all ： 该举动与亚洲说话的normal沟通。也应承非亚洲说话文本行的恣意字内断开。该值得当包括一些非亚洲文本的亚洲文本，这个值会将单个的英笔墨符鉴定为独立的个别，每个英笔墨符都可以作为换行的暗示 
 

keep-all :与全部非亚洲说话的normal沟通。对付中文，韩文，日文，不应承字断开。得当包括少量亚洲文本的非亚洲文本

总结

以上所述是小编给各人先容的办理微信小措施scroll-view换行题目，但愿对各人有所辅佐，假如各人有任何疑问接待给我留言，小编会实时回覆各人的！

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!