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 votes159 views3 answers
Sequelize order by
CSS
0 vote170 views1 answer
Sass mixin breakpoint
CSS
0 vote169 views1 answer
Image css in box
CSS
1 vote170 views1 answer
Remove site title squarespace
CSS
1 vote160 views1 answer
Tailwind hover
CSS
0 vote186 views1 answer
Css buchstaben auseinander weite
CSS
0 vote143 views1 answer
Css space between child elements
CSS
0 vote159 views1 answer
Project in css transforms
CSS
16 votes192 views1 answer
Css text vertical direction
CSS
-1 vote164 views1 answer
Css media query between two width
CSS