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 vote217 views1 answer
Mathjax beautiful math in all browsers
CSS
0 vote212 views1 answer
Css tricks stretch content full witdh
CSS
1 vote200 views1 answer
Scroll-behavior not working
CSS
1 vote232 views1 answer
Kommentar css
CSS
0 vote262 views1 answer
Css inverted border radius
CSS
11 votes442 views2 answers
How to remove up and down arrows from input type number
CSS
43 votes228 views4 answers
What is a max and min width media query
CSS
73 votes238 views5 answers
Border-radius
CSS
1 vote222 views1 answer
Mirror css a pseudo :after or :before
CSS
0 vote231 views1 answer
Button style link
CSS