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

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

今天在小程序里面遇到这样的一个小问题,记录下来当显示的是文字的时候,文字过多,会自动换行,当显示字母或者数字的时候,数量过多,没有自动换行,会出现超出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    只能在半角空格或连字符处换行。
相关文章
|
6月前
|
JSON 小程序 JavaScript
小程序根据返回值是否为空判断标签是否显示
小程序根据返回值是否为空判断标签是否显示
37 0
|
9月前
|
小程序 JavaScript 开发者
微信小程序-强大的block标签
微信小程序可有意思了
705 0
|
9月前
|
小程序
微信小程序 - text 标签头部有空白间距
微信小程序 - text 标签头部有空白间距
118 0
|
9月前
|
小程序
微信小程序 - block 与 view 的区别
微信小程序 - block 与 view 的区别
334 0
|
2月前
|
小程序 前端开发 定位技术
【微信小程序】-- 常用视图容器类组件介绍 -- view、scroll-view和swiper(六)
【微信小程序】-- 常用视图容器类组件介绍 -- view、scroll-view和swiper(六)
|
9月前
|
小程序
微信小程序 - wx.showModal 内容换行
微信小程序 - wx.showModal 内容换行
85 0
|
6月前
|
小程序 JavaScript
微信小程序插入视频video标签
微信小程序插入视频video标签
83 0
|
7月前
|
小程序
小程序换行
小程序换行
122 0
|
7月前
|
JSON 小程序 前端开发
小程序不引入基础组件实现weui使用(附加小程序换行显示)
小程序不引入基础组件实现weui使用(附加小程序换行显示)
|
7月前
|
小程序
[笔记]微信小程序开发《四》WXML标签语言
[笔记]微信小程序开发《四》WXML标签语言