小程序view标签内数字/字母显示不换行

2020-11-13 14:57:36 浏览数 (1)

今天在小程序里面遇到这样的一个小问题，记录下来当显示的是文字的时候，文字过多，会自动换行，当显示字母或者数字的时候，数量过多，没有自动换行，会出现超出view容器的问题。

这个时候，只需要在view上来加上一个属性即可

代码语言：javascript复制

word-break: break-all;

word-break 属性规定自动换行的处理方法。

提示：通过使用 word-break 属性，可以让浏览器实现在任意位置的换行。

代码语言：javascript复制

默认值：    normal
继承性：    yes
版本：     CSS3
JavaScript 语法：  object.style.wordBreak="keep-all"

代码语言：javascript复制

word-break: normal|break-all|keep-all;

代码语言：javascript复制

值  :      描述
normal  使用浏览器默认的换行规则。
break-all   允许在单词内换行。
keep-all    只能在半角空格或连字符处换行。

0 人点赞