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

11 votes251 views4 answers
Git hard reset to commit
CSS
0 vote239 views1 answer
Npm next-css
CSS
7 votes200 views2 answers
Fira code
CSS
0 vote207 views1 answer
Css selectors presentation
CSS
0 vote211 views1 answer
How to set unclickable checkbox using css
CSS
1 vote229 views2 answers
How to make background more darker with css
CSS
0 vote218 views1 answer
Increase the distance between paragraphs css
CSS
64 votes295 views4 answers
Bootstrap buttons
CSS
0 vote198 views1 answer
How to get on the top of the page
CSS
0 vote210 views1 answer
Prevent css animation reset
CSS