小程序
小游戏
企业微信
微信支付
扫描小程序码分享
7 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
wxs用substring去截取,或者你给这个goods-title一个width,然后加一下 white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
通过wxss控制(推荐)
或者 js里截取
========wxss控制==========
自己设置width值控制宽度 .goods-title{ width: 80%; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }
若认为该回答有用,给回答者点个[ 有用 ],让答案帮助更多的人
1>只显示一行内容 overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 2>显示多行内容 overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
建议给该标签设置样式,更美观:(记得给他个width)
效果:小程序交流专区——>小程序交流....
overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/
干嘛要截取呢 直接设置宽度 超出隐藏..不香?
使用substring方法
字符串截取呀。现在不是提供watch了吗,应该可以用的。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
wxs用substring去截取,或者你给这个goods-title一个width,然后加一下 white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
通过wxss控制(推荐)
或者 js里截取
========wxss控制==========
自己设置width值控制宽度 .goods-title{ width: 80%; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }
若认为该回答有用,给回答者点个[ 有用 ],让答案帮助更多的人
1>只显示一行内容 overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 2>显示多行内容 overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
建议给该标签设置样式,更美观:(记得给他个width)
效果:小程序交流专区——>小程序交流....
overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/
干嘛要截取呢 直接设置宽度 超出隐藏..不香?
使用substring方法
字符串截取呀。现在不是提供watch了吗,应该可以用的。