css控制文本折叠显示

文本折叠显示

.compareDesc{ // 需要折叠的文本
  font-size: 24px;
  color: #201E1E;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipsis{
  -webkit-line-clamp: 1; // 最多显示1行
  opacity: 0.75 // 透明度75%
}
.unellipsis{
  -webkit-line-clamp: 0; // 全部显示
  opacity: 1 // 不透明
}