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

4 votes128 views2 answers
Border style
CSS
6 votes113 views6 answers
TAilwind css
CSS
1 vote123 views1 answer
Css hsla
CSS
39 votes141 views3 answers
How to do a background blur in css
CSS
9 votes136 views3 answers
How to affect a deffernt element in css
CSS
6 votes122 views2 answers
Border-collapse
CSS
0 vote168 views1 answer
Rel="noopener noreferrer
CSS
0 vote123 views2 answers
Css prevent scrolling behind overlay
CSS
12 votes123 views4 answers
Sticky header
CSS
0 vote120 views2 answers
How to centre a div
CSS