Webkit-line-clamp: 2;

.wrapper {
  padding: 20px;
  background: #eaeaea;
  max-width: 400px;
  margin: 50px auto;
}

.demo-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.demo-2 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 150px;
}

Source: stackoverflow.com

Webkit-line-clamp: 2;

.wrapper {
  padding: 20px;
  background: #eaeaea;
  max-width: 400px;
  margin: 50px auto;
}

.demo-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.demo-2 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 150px;
}

Source: stackoverflow.com

Similar codes

0 vote200 views1 answer
How to link to class in CSS
CSS
0 vote195 views1 answer
Canvas disable antialiasing
CSS
0 vote207 views1 answer
Change size material checkbox
CSS
2 votes216 views1 answer
Css text dont select
CSS
53 votes205 views6 answers
Background color in css
CSS
66 votes194 views6 answers
Center an image
CSS
24 votes220 views6 answers
Css filter
CSS
0 vote312 views1 answer
Side nav bar in materialize css
CSS Materialize
12 votes185 views2 answers
Other children than first css
CSS
0 vote182 views1 answer
Css horror fonts
CSS