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 vote102 views1 answer
How to link to class in CSS
CSS
4 votes98 views2 answers
Change bot description background top.gg
CSS
0 vote117 views1 answer
Css nearest neighbor
CSS
202 votes246 views6 answers
How to reference a css file in html
CSS
0 vote91 views1 answer
Wordpress dashboard css broken
CSS
0 vote99 views1 answer
Css good font color
CSS
0 vote101 views2 answers
The package could not be installed. the theme is missing the style.css stylesheet
CSS
0 vote102 views1 answer
Como tirar o x do search input
CSS
63 votes104 views6 answers
Remove duplicate array es6
CSS
0 vote110 views1 answer
Not focus css
CSS