页面文案展开和收缩样式的操作

display: -webkit-box;text-overflow: ellipsis;overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;

注:-webkit-line-clamp: 3文案显示行数为3行

展开和收起可以通过click点击事件addClass和removeClass此样式来操作

你可能感兴趣的:(页面文案展开和收缩样式的操作)