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

相关推荐
JYeontu3 小时前
轮播图不够惊艳?试下这个立体卡片轮播图
前端·javascript·css
程序鉴定师3 小时前
西安小程序制作的可靠选择与发展前景
大数据·小程序
杰建云1676 小时前
小程序商城店铺装修怎么做
小程序
软件技术NINI9 小时前
泉州html+css 4页
前端·javascript·css·html
2501_9151063210 小时前
深入解析无源码iOS加固原理与方案,保护应用安全
android·安全·ios·小程序·uni-app·cocoa·iphone
ZC跨境爬虫12 小时前
跟着 MDN 学CSS day_2:(连接样式表与选择器的实战艺术)
java·前端·css·ui·html·媒体
weikecms12 小时前
CPS返利小程序一键搭建教程
小程序
白菜__12 小时前
微信小程序网关逆向分析
javascript·微信小程序·小程序·node.js·网络爬虫·微信网关·小程序网关
TANKING-12 小时前
微信小程序订阅消息推送系统(一次性/长期订阅消息推送)
微信小程序·小程序
ZC跨境爬虫12 小时前
跟着 MDN 学CSS day_1:(CSS 基石与色彩的艺术)
前端·javascript·css·ui·html