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

fix(css): width for ellipsis

Browse Source
This commit is contained in:
Catalin Zalog
2018-03-02 09:13:12 +02:00
parent 078868c2fb
commit a43301ff97
1 changed files with 2 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
snippets/truncate-text.md
View File

@ -15,6 +15,7 @@ If the text is longer than one line, it will be truncated and end with an ellips
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
width: 200px;
} }
``` ```
@ -43,6 +44,7 @@ If the text is longer than one line, it will be truncated and end with an ellips
2. `white-space: nowrap` prevents the text from exceeding one line in 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 3. `text-overflow: ellipsis` makes it so that if the text exceeds its dimensions, it
will end with an ellipsis. will end with an ellipsis.
4. `width: 200px;` ensures the element has a dimension, to know when to get ellipsis
#### Browser support #### Browser support