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

5 votes298 views2 answers
Css transform transition
CSS
2 votes266 views1 answer
Not hover css
CSS
32 votes296 views5 answers
Css text align right
CSS
6 votes272 views3 answers
Linear-gradient(top to bottom)
CSS
1 vote277 views1 answer
Login
CSS
8 votes287 views4 answers
Aos css animation
CSS
-1 vote303 views1 answer
Css comando para poner una imagen como fondo en html
CSS
19 votes254 views3 answers
Css round element
CSS
1 vote278 views3 answers
How to add link click script in url
CSS
9 votes321 views3 answers
Bootstrap blue outline button
CSS Bootstrap