小程序
小游戏
企业微信
微信支付
扫描小程序码分享
我用富文本组件解析后端HTML字符串，但是写了超出部分显示省略号的css失效了，有什么办法
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
光这里写还不行，还要在 reich-text里面写才行
<rich-text nodes="{{isHeadText}}" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"></rich-text>
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
已解决，你可以把省略号三件套写到富文本nodes中，比如这样
'<div style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap">来喽来喽，他们，真的来了哦</div>'
你好，麻烦提供能复现问题的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。
官方demo文字写多一点，然后样式
rich-text{
width:700rpx;
padding:25rpx 0;
overflow:hidden;
height:30px;
text-overflow:ellipsis;
white-space:noWrap;
}
没效果，不展示省略号
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
光这里写还不行，还要在 reich-text里面写才行
<rich-text nodes="{{isHeadText}}" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"></rich-text>
已解决，你可以把省略号三件套写到富文本nodes中，比如这样
'<div style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap">来喽来喽，他们，真的来了哦</div>'你好，麻烦提供能复现问题的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。
官方demo文字写多一点，然后样式
rich-text{
width:700rpx;
padding:25rpx 0;
overflow:hidden;
height:30px;
text-overflow:ellipsis;
white-space:noWrap;
}
没效果，不展示省略号