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 vote152 views1 answer
Inline styling width
CSS
45 votes133 views6 answers
Css text align center
CSS
0 vote157 views1 answer
Background image animation css codepen
CSS
1 vote154 views1 answer
How to change what twine looks like
CSS
61 votes143 views6 answers
Center text in css
CSS
0 vote289 views1 answer
Text align in materialize css
CSS Materialize
1 vote154 views2 answers
Onclick url
CSS
1 vote153 views2 answers
How to add google fonts to css in react
CSS
0 vote232 views1 answer
Flex starty
CSS
0 vote153 views1 answer
Scroll div when page scroll
CSS