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

相关推荐
Sapphire~20 分钟前
重学前端003 --- CSS 颜色
前端·css
爱电摇的小码农2 小时前
【深度探究系列(5)】:前端开发打怪升级指南:从踩坑到封神的解决方案手册
前端·javascript·css·vue.js·node.js·html5·xss
一只毛驴3 小时前
面试:SASS/LESS/SCSS区别
css
chao_7894 小时前
CSS表达式——下篇【selenium】
css·python·selenium·算法
土豆12505 小时前
提升CSS开发效率的必备Chrome插件
css·chrome
難釋懷5 小时前
微信小程序全局配置
微信小程序·小程序
Enti7c5 小时前
微信小程序核心知识点速览
微信小程序·小程序
q567315238 小时前
Koa+Puppeteer爬虫教程页面设计
javascript·css·爬虫
2501_9159184117 小时前
Fiddler中文版全面评测:功能亮点、使用场景与中文网资源整合指南
android·ios·小程序·https·uni-app·iphone·webview
柚子81618 小时前
scroll-marker轮播组件不再难
前端·css