微信小程序 超过文章内容用省略号----表示
2020-07-06 14:16
309 查看
text-overflow: ellipsis; white-space: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
总结:亲测有效
display: -webkit-box; /*设置为弹性盒子*/ -webkit-line-clamp: 1; /*最多显示5行*/ overflow: hidden; /*超出隐藏*/ text-overflow: ellipsis; /*超出显示为省略号*/ -webkit-box-orient: vertical; word-break: break-all; /*强制英文单词自动换行*/
相关文章推荐
- 微信小程序 解决 view 文字 过多 溢出的问题,超过行数后隐藏显示省略号
- 微信小程序实现下拉列表且单行内容过多显示省略号
- 上百个微信小程序源代码下载,超过100个完整项目文档
- 「微信小程序免费辅导教程」26,基础内容组件rich-text体验
- 超过设定的宽度,自动以省略号“。。。”表示
- 2017年最后一篇技术文章:微信小程序游戏"跳一跳"刷榜原理解析
- 让Wordpress成为你微信小程序的文章管理利器
- 微信小程序开发之大神之路最全微信小程序开发教程(视频+精品文章)
- 关于文字内容溢出用点点点(…)省略号表示
- 微信小程序怎么在一个wx:for循环中遍历两个内容不同的数组
- CSS控制的内容超过容器宽度后显示省略号
- 微信小程序中显示html格式内容的方法
- LI中内容超过长度后以省略号显示的方法
- 微信小程序样式Flex Box精通课程-Flex容器的属性-justify-content内容对齐(左中右)
- 内容超过长度后以省略号显示的几种实现方式
- 微信小程序(三):选座系统(主要内容:列表渲染的应用)
- 微信小程序显示cms里的html文章
- 微信小程序 获得用户输入内容
- 小程序发布文章-微信小程序视频教程28
- 微信小程序textarea的内容随着屏幕上下移动的问题