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

相关推荐
CodeAI10 小时前
TailwindCSS 核心概念与实用技巧:从传统CSS到Utility-First迁移指南
css
绝世唐门三哥14 小时前
uniapp系列-uniappp都有哪些生命周期?
vue.js·小程序·uniapp
乆夨(jiuze)17 小时前
记录一个css,实现下划线内容显示,支持文本多行显示
前端·css
人还是要有梦想的17 小时前
如何开发小程序介绍
小程序·notepad++
xiaotao13117 小时前
CSS中的Grid 布局
前端·css
Hilaku18 小时前
做中后台业务,为什么我不建议你用 Tailwind CSS?
前端·css·代码规范
二进制person18 小时前
JavaEE进阶 --HTML+CSS+JavaScript 基础
javascript·css·html
roamingcode18 小时前
支付宝小程序数据可视化避坑指南:@antv/f2 踩坑与最佳实践
信息可视化·小程序·canvas·antv
fīɡЙtīиɡ ℡19 小时前
【SpringAi最新版入门(二)】
java·javascript·css·人工智能·css3
小李子呢021120 小时前
前端八股CSS(3)---水平垂直居中的实现方法
前端·css·css3