andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Clean up snippets

Browse Source
This commit is contained in:
Angelos Chalaris
2019-08-22 14:46:27 +03:00
parent a8818b1998
commit f56f631894
38 changed files with 211 additions and 348 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
snippets/truncate-text.md
View File

@ -20,11 +20,9 @@ If the text is longer than one line, it will be truncated and end with an ellips
#### Explanation
1. `overflow: hidden` prevents the text from overflowing its dimensions
(for a block, 100% width and auto height).
1. `overflow: hidden` prevents the text from overflowing its dimensions (for a block, 100% width and auto height).
2. `white-space: nowrap` prevents the text from exceeding one line in height.
3. `text-overflow: ellipsis` makes it so that if the text exceeds its dimensions, it
will end with an ellipsis.
3. `text-overflow: ellipsis` makes it so that if the text exceeds its dimensions, it will end with an ellipsis.
4. `width: 200px;` ensures the element has a dimension, to know when to get ellipsis
#### Browser support