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

相关推荐
并不会1 小时前
常见 CSS 选择器用法
前端·css·学习·html·前端开发·css选择器
丁总学Java1 小时前
页面、组件、应用、生命周期(微信小程序)
微信小程序·小程序·生命周期
悦涵仙子1 小时前
CSS中的变量应用——:root,Sass变量,JavaScript中使用Sass变量
javascript·css·sass
衣乌安、1 小时前
【CSS】居中样式
前端·css·css3
低代码布道师1 小时前
CSS的三个重点
前端·css
编程千纸鹤6 小时前
高校宿舍信息管理系统小程序
小程序·宿舍管理小程序
说私域7 小时前
基于开源 AI 智能名片 S2B2C 商城小程序的视频号交易小程序优化研究
人工智能·小程序·零售
黎金安13 小时前
前端第二次作业
前端·css·css3
阳光开朗大男孩 = ̄ω ̄=14 小时前
CSS——选择器、PxCook软件、盒子模型
前端·javascript·css
小马哥编程16 小时前
【前端基础】CSS基础
前端·css