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

3 votes181 views2 answers
Navbar box shadow
CSS
0 vote187 views1 answer
Css set strong to normal text
CSS
37 votes186 views3 answers
Inline svg css
CSS
0 vote226 views2 answers
How to link css to html in visual studio code
CSS
149 votes350 views6 answers
Css shadow
CSS
0 vote179 views1 answer
Css animation not smooth site:stackoverflow.com
CSS
1 vote195 views2 answers
Set an image half its original size css
CSS
3 votes246 views1 answer
Css scaling border radius
CSS
0 vote223 views1 answer
Fluid typography for Safari
CSS
4 votes211 views2 answers
Alternate table row color css
CSS