微信小程序css中配置了文字超出一行或两行则显示省略号对纯数字或纯字母或小数点无效的解决办法

配置了文字超出一行或两行则显示省略号对纯数字或纯字母或小数点无效的解决办法

css 复制代码
overflow_title{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

只需要加上这两行css代码即可

css 复制代码
word-break:break-all;
line-break:anywhere;

在微信小程序中,你可以在app.wxss中配置即可对全局生效,就不用一个一个页面去配置了

相关推荐
说私域7 分钟前
基于开源AI智能名片链动2+1模式的S2B2C商城小程序:门店私域流量与视频号直播融合的生态创新研究
人工智能·小程序·开源
撰卢37 分钟前
如何提高网站加载速度速度
前端·javascript·css·html
sophister1 小时前
Flex 布局中容易踩的那些坑,你踩过几个?
前端·css·html
MiyueFE1 小时前
CSS 函数与混入草案:原生 CSS 的“魔法”即将登场!
前端·css
一渊之隔3 小时前
微信小程序在用户拒绝授权后无法使用wx.opensetting再次获取定位授权
微信小程序·小程序
呆呆的心4 小时前
揭秘 CSS 伪元素:不用加标签也能玩转出花的界面技巧 ✨
前端·css·html
爱学习的小学渣5 小时前
Css: flex布局+趣味Demo
css
wuxuanok5 小时前
Web前端开发-HTML、CSS
前端·css·html
racerun7 小时前
微信小程序如何实现再多个页面共享数据
微信小程序·小程序
XM-54587 小时前
2025微信小程序wxapkg解包全攻略
linux·运维·小程序