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

53 votes347 views4 answers
On hover css
CSS
1 vote364 views1 answer
Css background rainbow
CSS
1 vote382 views1 answer
Css width fit to content
CSS
4 votes378 views2 answers
Alternate table row color css
CSS
0 vote357 views1 answer
Font weightcss
CSS
0 vote344 views2 answers
Easyui datagrid header field color
CSS
17 votes356 views2 answers
Place item center in css using grid
CSS
60 votes381 views4 answers
Hide scroll bar for a dive
CSS
175 votes457 views6 answers
Css image background
CSS
11 votes374 views4 answers
Background image css fill screen
CSS