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

41 votes180 views2 answers
Add ... to long text css
CSS
39 votes151 views2 answers
Css to increase font size
CSS
1 vote183 views1 answer
Css random
CSS
-1 vote183 views5 answers
Add tailwind to next
CSS
0 vote154 views1 answer
Hover media query
CSS
0 vote148 views1 answer
What is difference between padding and margin?
CSS
0 vote144 views1 answer
Set margin to none inside print
CSS
7 votes178 views2 answers
Input background color
CSS
69 votes168 views6 answers
Flexbox elements
CSS
0 vote169 views1 answer
Custom taxonomy pagination 404
CSS