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

2 votes275 views1 answer
Remove bullets from unordered list in css
CSS
0 vote234 views1 answer
Css local variable
CSS
2 votes229 views1 answer
Reset a tag css
CSS
0 vote228 views1 answer
How to combine two screen sizes in media queries css
CSS
0 vote239 views1 answer
Why is there whitespace on the top
CSS
2 votes226 views1 answer
Half border bottom
CSS
-2 votes230 views1 answer
Div color overlay css
CSS
0 vote246 views1 answer
AddCorsMappings registry.addMapping
CSS
0 vote211 views1 answer
Vue v-cloak not working
CSS
38 votes249 views4 answers
Css pointer event
CSS