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

相关推荐
哈哈~haha8 小时前
Step 14: Custom CSS and Theme Colors 自定义CSS类
前端·css·ui5
qq_12498707539 小时前
基于微信小程序的线下点餐系统的设计与实现(源码+论文+部署+安装)
spring boot·微信小程序·小程序·毕业设计
高桥留13 小时前
可编辑的span
前端·javascript·css
名字越长技术越强13 小时前
CSS之选择器|弹性盒子模型
前端·css
华仔啊15 小时前
CSS的clamp()函数:一行代码让网页自适应如此简单
前端·css
少云清16 小时前
【功能测试】5_小程序项目 _抓包修改轮播图(重要)
小程序
深红16 小时前
玩转小程序AR-基础篇
前端·微信小程序·webvr
從南走到北16 小时前
JAVA代驾小程序源码代驾跑腿APP源码
java·开发语言·微信·微信小程序·小程序
小书包酱16 小时前
告别在 vue 中使用公共 less 文件没有提示信息的烦恼
css·vue.js·less
一嘴一个橘子17 小时前
html css - 左边是不能滚动的目录,右边是可以滚动的内容
css·html