webkit line clamp 3a 2 3b

1.wrapper {
2  padding: 20px;
3  background: #eaeaea;
4  max-width: 400px;
5  margin: 50px auto;
6}
7
8.demo-1 {
9  overflow: hidden;
10  display: -webkit-box;
11  -webkit-line-clamp: 2;
12  -webkit-box-orient: vertical;
13}
14
15.demo-2 {
16  overflow: hidden;
17  white-space: nowrap;
18  text-overflow: ellipsis;
19  max-width: 150px;
20}

1.wrapper {
2  padding: 20px;
3  background: #eaeaea;
4  max-width: 400px;
5  margin: 50px auto;
6}
7
8.demo-1 {
9  overflow: hidden;
10  display: -webkit-box;
11  -webkit-line-clamp: 1;
12  -webkit-box-orient: vertical;
13}
14
15.demo-2 {
16  overflow: hidden;
17  white-space: nowrap;
18  text-overflow: ellipsis;
19  max-width: 150px;
20}