微信小程序css中配置了文字超出一行或两行则显示省略号对纯数字或纯字母或小数点无效的解决办法

于 2024-08-03 10:09:39 发布
阅读量891 收藏
点赞数 2
CC 4.0 BY-SA版权
分类专栏： 报错问题解决 微信小程序学习笔记 文章标签： 微信小程序 css 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44912902/article/details/140886255

配置了文字超出一行或两行则显示省略号对纯数字或纯字母或小数点无效的解决办法

overflow_title{
   
   
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

最低0.47元/天 解锁文章

200万优质内容无限畅学
一篇文章 - 轻松入门微信小程序
zyh1841474614的博客
01-10 4125
以前学习微信小程序开发时候的笔记,希望能对大家有帮助
微信小程序——CSS限制文字宽度和行数（溢出显示省略号）
XSL_HR的博客
06-01 3435
手把手教你学会用CSS限制文字宽度和行数
微信小程序 rich-text 超过 2 行显示省略号
weixin_51204324的博客
07-07 1865
因为富文本使用的 rich-text 回显，想着直接对这个标签写上这个 CSS，发现也无法达到想要的效果。Android 真机可以正常显示，在模拟器上也能正常变成省略号，但 iOS 真机不兼容。
微信小程序超出两行或者多行显示省略号
qq_36437991的博客
09-15 744
微信小程序文字超出两行显示省略号
微信小程序使用多行文本溢出显示省略号样式失败问题
weixin_44801790的博客
05-19 1165
微信小程序实现多行文本显示省略号样式失败问题
微信小程序css溢出显示省略号失败问题（html解析）
xxx
10-10 525
【代码】微信小程序css溢出显示省略号失败问题（html解析）
原生微信小程序开发-黑马优购（一）
peng109的博客
03-14 3249
接口文档地址： 轮播图--ShowDoc 视频地址： 黑马程序员微信小程序开发前端教程_零基础玩转微信小程序_哔哩哔哩_bilibili vs快捷键 wx-app wx-page 通过样式方式引入字体图标 微信小程序中不支持通配符“ * ” 页面初始化 主体颜色定义成变量 微信小程序单行注释没有用 单行注释没有用（//） 要 用多行注释（/* */） 写less文件，变成wxss文件？ 发送请求 ，要么记得把勾去掉，要么去开启请求合法域名 引入的路径要写...
微信小程序input类型选择指南：针对不同场景的优化技巧
本文首先对微信小程序input组件的基础功能进行介绍，然后详细分析了不同input类型及其应用场景，如文本、密码、数字和滑块输入框等，并对相关属性进行了深入探讨。接着，文章提供了针对不同场景下input类型的优化...
图表插件的国际化与本地化：微信小程序的全球化策略
![微信小程序图表插件(wx-charts)实例代码]...同时，本文还分析了微信小程序全球化策略实践中的案例，并探讨了在国际化与本地化过程中面临的文化差异、性能优化及维护更新等挑
小程序超出显示省略号css，两行显示，单行显示
jjxp2011的专栏
01-03 898
display: -webkit-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp:2; -webkit-box-orient: vertical;
微信小程序超出两行省略号
weixin_30755709的博客
03-19 3264
display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; 转载于:https://www.c...
小程序文字超出两行后显示省略号
热门推荐
暗透了更能看到星光
09-11 1万+
display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
微信小程序实现文字显示超出多少行自动省略（含代码）
weixin_43420127的博客
03-12 525
支持自定义超出多少行自动省略。
微信小程序-超出显示省略号
weixin_30341745的博客
07-09 475
　display: -webkit-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp:2; -webkit-box-orient: vertical; 转载于:https://...
微信小程序 设置文本溢出加省略号不生效，文本超出3行加省略号
PrimaryColor
08-05 4449
css添加以下代码，并应用其样式。 .text-deal{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; /* 追加这一行代码 */ } -webkit-line-clamp为3，代表三行后超出隐藏加省略，常用为1。 ...
微信小程序文本溢出省略号问题
最新发布
weixin_45359987的博客
07-12 905
【代码】微信小程序文本溢出省略号问题。
【css技巧】文本超出两行显示省略号
liyananweb的博客
01-10 3042
是一个WebKit浏览器的私有属性，因此它可能不被所有浏览器支持。如果需要兼容多种浏览器，你可能需要考虑使用JavaScript来实现类似的效果。属性来实现文本超出两行显示省略号的效果。
小程序网页view多行文本超出隐藏或显示省略号
浩冉学编程的博客
03-09 1125
小程序网页view多行文本超出隐藏或显示省略号 实现效果：限制两行，超出即显示省略号实现：话不多说，展示代码 关键代码 .box{ width:100rpx; overflow:hidden; text-overflow: ellipsis;//超出省略号 display:-webkit-box; -webkit-line-clamp: 2;//显示行数 -webkit-box-orient: vertical; }
微信小程序的超出部分显示省略号和展开按钮（css方式实现）
XUELUO123456789的博客
04-10 9971
一.使用场景 最近在仿写——起点中文网的微信小程序，在书籍简介中存在一个需求 简介文本超出规定的范围出现省略号以及展开按钮 网上其他做法都是js控制，但是一般开发中，能不写js就不写js，下面我将通过css方式实现此效果 二.方法 思路： 出现省略号，需要用到text-overflow: ellipsis;display: -webkit-box;等 上述样式实现省略号后，剩下最后一个，展开按钮需要出现在省略号后面 如果是在标签后面添加“展开按钮”,此方式行不通，无论怎样添加，省略号都会将后面的内容
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

令人作呕的溏心蛋

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值