css超出隐藏

发表于： 2018年8月14日 2021年6月8日
分类：前端那些事

一行超出限制【宽超出限制显示省略号】
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:100px;

多行超出限制【高度超出限制显示省略号】
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; //几行

免费小说热门推荐：

经典文学小说网(www.jnooo3.top)

75
74
73
72
71
70
69
68
67
66
65
64
63
62
61
60
59
58
57
56
55
54
53
52
51
50
49
48
47
46
45
44
43
42
41
40
39
38
37
36
35
34
33
32
31
30
29
28
27
26
25
24
23
22
21
20
19
18
17
16
15
14
13
12
11
10
9