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 vote154 views1 answer
Css efeito negativo fotos
CSS
0 vote132 views1 answer
Ie11 image stretching
CSS
1 vote148 views1 answer
Bootstrap card hover effect
CSS
-2 votes148 views1 answer
Add css dynamically in angular 6
CSS
28 votes139 views5 answers
Font face html
CSS
103 votes144 views2 answers
What are the types of positioning in css
CSS
0 vote163 views1 answer
Spanning Items Across Rows and Columns
CSS
33 votes137 views4 answers
Css background collor
CSS
0 vote152 views1 answer
Tailwind css flex-row-reverse for grid reverse
CSS
0 vote140 views1 answer
Tint image css
CSS