简单的文章收起功能,从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;
}