Text overflow

Vizualinx
8 months ago
How do i use the text overflow (ellipsis) property?
asad
8 months ago
you have to use other properties with it

white-space: nowrap;
text-overflow: ellipsis;
overflow-y: hidden;
overflow-x: hidden;
width: 100px;
@asad
you have to use other properties with it

white-space: nowrap;
text-overflow: ellipsis;
overflow-y: hidden;
overflow-x: hidden;
width: 100px;
Vizualinx
8 months ago
It must have a fixed width?!
asad
8 months ago
you can have width 100% and flex 1 also
Vizualinx
8 months ago
Thanks, that worked👍🏻

Leave a comment

© Nordcraft 2025. All rights reserved.