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

5 votes395 views2 answers
Materialize css cdn
CSS Materialize
1 vote296 views2 answers
Border shorthand CSS
CSS
0 vote287 views2 answers
Nativescript hr
CSS
0 vote296 views1 answer
Css commentaire une ligne
CSS
0 vote292 views1 answer
Generate your tailwind.config.js file
CSS
3 votes283 views1 answer
Hcss change highlight color
CSS
1 vote281 views1 answer
Flexbox align or justify one single item
CSS
1 vote301 views1 answer
Stop anchor tag scroll to top of page
CSS
27 votes323 views3 answers
Keyframe in css
CSS
0 vote294 views1 answer
Css line-through with words
CSS