E企盈营销工具技术服务商 热线:4006-838-530

微信小程序中换行,空格(多个空格)、文本省略写法

E企盈直播平台营销卖货系统

在小程序中HTML的网页实体无法正常使用,小程序中的写法为:一、空格,换行t 空格( 多个只会显示一个空格) 换行text你好!t七月流火啊!我在下一行/text二、连续空格space 和 decode两种写法//space[———–view    text space=”ensp”你好 啊      哈哈哈(空格是中文字符一半大小)/text/viewview    text space=”emsp”你好 啊      哈哈哈(空格是中文字符大小)/text/viewview    text space=”nbsp”你好 啊      哈哈哈(空格根据字体设置)/text/view//decode————–view    text decode=”{{true}}”你好 啊   哈哈哈(空格是中文字符一半大小)/text/viewview    text decode=”{{true}}”你好 啊   哈哈哈(空格是中文字符大小)/text/viewview    text decode=”{{true}}”你好 啊   哈哈哈(空格根据字体设置)/text/view//只在text当中有用还有综合的使用方法 :text decode=”nbsp”地址 : /text//也就是//decode后跟你所要使用的空格类型,上面代码中由于text标签中使用的是 。所以是decode=”nbsp”。以此类 三、text单行显示,超出部分省略号表示 .single { /* 超出的文本内容隐藏 */ overflow: hidden;/* 超出显示省略号 */ text-overflow: ellipsis;/* 强制不换行 */ white-space: nowrap;}text class=”single”活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍/text四、多行显示,设置显示指定行数,超出部分显示省略号.mutli {/* 对象作为伸缩盒子模型显示 */display: -webkit-box; /* 允许任意非CJK(Chinese/Japanese/Korean)文本间的单词断行 */word-break: break-all;/* 设置或检索伸缩盒对象的子元素的排列方式 */-webkit-box-orient: vertical; /* 可显示的最多行数 */-webkit-line-clamp: 2; /* 超出的文本内容隐藏 */overflow: hidden; /* 超出显示省略号 */ text-overflow: ellipsis;}  text class=”mutli”活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍/text

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序中换行,空格(多个空格)、文本省略写法
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏