微信小程序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中配置即可对全局生效,就不用一个一个页面去配置了

相关推荐
skiyee6 小时前
🔥UniApp 仅需 5 行代码!实现所有页面中控制应用主题变化
前端·微信小程序
zzzzzz31013 小时前
当甲方说'logo放大的同时再缩小一点'时,我用 AI 把这个需求做出来了
javascript·css·程序员
闪闪发光得欧1 天前
前端提效新思路:Gemini 3.5 自动化定位 CSS 异常
前端·css
Jinkey2 天前
要用户手机号真的是为了打骚扰电话吗?浅谈微信生态会员账号体系与资产合并
后端·微信·微信小程序
用户4324281061144 天前
微信小程序从0到1接入微信支付的完整攻略
微信小程序
用户059540174465 天前
AI Agent记忆测试踩坑实录:Mock骗了我一周,Mem0+pytest一招破局
前端·css
spmcor5 天前
微信小程序 setStorageSync 踩坑实录:别让"顺手一存"变成"隐形炸弹"
微信小程序
Darling噜啦啦5 天前
CSS 3D 变换与 Flex 布局实战:从零打造旋转立方体
前端·css
用户4324281061145 天前
小程序埋点设计规范:如何设计可扩展的数据采集体系
微信小程序
用户059540174466 天前
把待办应用从Electron换成Tauri,内存占用狂降90%,打包体积仅5MB
前端·css