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

0 vote326 views2 answers
Card css
CSS
1 vote320 views1 answer
Class indicator css
CSS
27 votes345 views4 answers
Css keyframes
CSS
65 votes360 views3 answers
Css set variable
CSS
0 vote343 views1 answer
Css if child has class
CSS
0 vote360 views1 answer
1rem in px
CSS
13 votes349 views4 answers
How to print background bootstrap
CSS
22 votes335 views5 answers
Css center grid
CSS
1 vote329 views1 answer
Import css in thymeleaf
CSS
0 vote327 views1 answer
Css animated cross mark
CSS