CSS 文字溢出
题目：
- 1行、2行、3行显示省略号
解答
// 溢出一行省略号
.text_overflow1{
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
}
// 溢出多行省略号
.text_overflow2{
width: 100px;
display: -webkit-box;
overflow: hidden;
word-break: break-all;
-webkit-line-clamp: 2;// 修改数值即可
-webkit-box-orient: vertical;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
参考