小程序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    只能在半角空格或连字符处换行。
相关文章
|
9月前
|
小程序 容器
小程序图片水平垂直居中显示在view中
小程序图片水平垂直居中显示在view中
132 0
|
JSON 小程序 JavaScript
小程序根据返回值是否为空判断标签是否显示
小程序根据返回值是否为空判断标签是否显示
109 0
|
小程序 JavaScript 开发者
微信小程序-强大的block标签
微信小程序可有意思了
1327 0
|
9月前
|
小程序 API 数据安全/隐私保护
微信小程序开发中的一些常用标签
这些标签是微信小程序开发中的基础,开发者可以根据需要组合使用这些标签来构建小程序的界面。每个标签都有其属性和事件,可以通过属性来调整组件的样式和行为,通过事件来响应用户的操作。
328 5
|
5月前
|
小程序 容器
微信小程序常用组件的简单使用 view,scroll-view,swiper,swiper-item,text,rich-text,button,image
本文介绍了微信小程序中常用组件的使用方法,包括view、scroll-view、swiper与swiper-item、text与rich-text、button以及image组件。详细解释了各组件的功能、属性以及如何在小程序页面中进行使用。
微信小程序常用组件的简单使用 view,scroll-view,swiper,swiper-item,text,rich-text,button,image
|
4月前
|
小程序 前端开发 JavaScript
小程序入门之认识view和text组件
小程序入门之认识view和text组件
117 0
|
6月前
|
小程序 JavaScript 索引
|
7月前
|
小程序
【微信小程序】英文字母不换行问题 flex布局字符超出宽度折行问题:设置了word-break: break-all;和flex: 1;冲突flex不生效问题
【微信小程序】英文字母不换行问题 flex布局字符超出宽度折行问题:设置了word-break: break-all;和flex: 1;冲突flex不生效问题
206 1
|
9月前
|
小程序 前端开发 定位技术
【微信小程序】-- 常用视图容器类组件介绍 -- view、scroll-view和swiper(六)
【微信小程序】-- 常用视图容器类组件介绍 -- view、scroll-view和swiper(六)
|
小程序 JavaScript
微信小程序插入视频video标签
微信小程序插入视频video标签
167 0