Skip to content

Instantly share code, notes, and snippets.

@elshanx

elshanx/line-clamp.css

Created April 22, 2021 12:29
Show Gist options
  • Save elshanx/17a6e7c23dbf942de5d07cdde189b545 to your computer and use it in GitHub Desktop.
Save elshanx/17a6e7c23dbf942de5d07cdde189b545 to your computer and use it in GitHub Desktop.
Download ZIP
line clamp css
Raw
line-clamp.css
display: -webkit-box;
-webkit-line-clamp: 2; // amount of lines u want
-webkit-box-orient: vertical;
overflow: hidden;
/* without clamp, good to know asked in interviews */
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment