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

王小婷

发布于 2020-11-13 14:57:36

1.4K0

发布于 2020-11-13 14:57:36

文章被收录于专栏：编程微刊编程微刊

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

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

word-break: break-all;

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

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

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

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

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

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度