简略的文章收起功用

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