简单的文章收起功能

简单的文章收起功能,从css 层面操作。
思路: 先默认显示三条,再点击时把 ‘全部显示的样式’切换

.pay-hint-content {
  /* 四行实现收缩功能 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipsis {
  -webkit-line-clamp: 3; /*最多显示3行 */
}
.unellipsis {
  /* 全部显示 */
  -webkit-line-clamp: 0;
}
上一篇:小程序体验版不打开调试无法正常使用


下一篇:OSS 跨域配置