- 文字超出省略号总结
//一行省略号
.box{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
// >1 行的省略号
// line-clamp 可以把 块容器 中的内容限制为指定的行数.
.box{
display:-webkit-box; // 作为弹性伸缩盒子模型显示
-webkit-box-orient:vertical; // 设置伸缩盒子的子元素排列方式--从上到下垂直排列
-webkit-line-clamp: 2; // 显示的行 ,
overflow: hidden;
}
效果
多行省略号
