CSS 部分 使用技巧（持续更新）

CSS样式一直是的短板，将日常用的实用样式收集起来，便于后续查看

一、文字排版

单行文字 + 省略号

多行文字 + 省略号

文字列表内容展示，经常会要求一行 展示 或者 多行展示；以下为实现方案：

// 文字显示一行，超出部分用省略号显示
.line-1 
{  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
// 文字显示4行(-webkit-line-clamp控制行数)，超出部分用省略号显示
.line-4 { 
 overflow: hidden; 
 text-overflow: ellipsis; 
 display: -webkit-box; 
 -webkit-line-clamp: 2;  
-webkit-box-orient: vertical;
}