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 vote166 views1 answer
Col
CSS
14 votes247 views2 answers
.col-12 bootstrap
CSS Bootstrap
0 vote146 views1 answer
Grippy css
CSS
0 vote145 views1 answer
Center a spinner css
CSS
0 vote173 views1 answer
Ion-split-pane width
CSS
0 vote166 views2 answers
Print to pdf setting css for A4 size
CSS
59 votes167 views6 answers
Node Sass version 5.0.0 is incompatible with ^4.0.0.
CSS
0 vote152 views1 answer
Fullcalendar react
CSS
0 vote150 views2 answers
Laravel 7 css loading slow
CSS
0 vote152 views1 answer
Shrouded
CSS