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

相关推荐
驳是3 小时前
入坑 UniApp 写小程序,一些感受
微信小程序
এ慕ོ冬℘゜5 小时前
纯 CSS 实现自定义 Switch 开关(商品上下架滑块)
前端·css
小码哥0685 小时前
2026陪诊小程序与APP开发技术分析
大数据·人工智能·小程序
并不喜欢吃鱼7 小时前
二.前端web开发:零基础吃透 CSS 核心知识
前端·css
00后程序员张7 小时前
使用Instruments工具深入分析iOS应用性能与启动时间优化
android·macos·ios·小程序·uni-app·cocoa·iphone
思码梁田7 小时前
CSS display 属性:从元素类型转换到隐藏元素的实用指南
前端·css·display·inline·block·none·inline-block
weipt8 小时前
springboot项目运行的几种方式
javascript·css·html
程序喵大人9 小时前
【C++进阶】STL容器与迭代器 - 10 把容器、迭代器和数据流串成一个小程序
开发语言·c++·容器·小程序·迭代器·stl
用户059540174461 天前
把AI对话记忆存储测试从手工改成Playwright+pytest,覆盖率从20%提到96%,回归时间缩短90%
前端·css
醉城夜风~1 天前
CSS盒模型(Box Model)
前端·css