Skip to content

Instantly share code, notes, and snippets.

@eddybrando

eddybrando/multiline-ellipsis.css

Created February 7, 2019 21:24
Show Gist options
  • Star 3 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save eddybrando/386d3350c0b794ea87a2082bf4ab014b to your computer and use it in GitHub Desktop.
Save eddybrando/386d3350c0b794ea87a2082bf4ab014b to your computer and use it in GitHub Desktop.
Download ZIP
Displays two lines of text and truncates the rest whilst appending an ellipsis
Raw
multiline-ellipsis.css
.multine-ellipsis {
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment