常见超出整理
- 超出一行出现省略号
- 超出多行（>=2)出现省略号
- 超出显示文件名省略号
- 超出n行显示“更多”
- 超出n高度显示“更多”
超出一行出现省略号
这个简单，直接样式就行
.overflow-ell {
width: 200px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
超出多行（>=2)出现省略号
以3行为例子
.overflow-ell3 {
width: 200px;
-webkit-line-clamp:3; //固定三行省略好
display: -webkit-box; // 旧版弹性盒子
-webkit-box-orient:vertical; // 主轴垂直
overflow: hidden; // 隐藏
}
