Learn

Community

Text overflow

Vizualinx

1 month ago

How do i use the text overflow (ellipsis) property?
asad

1 month 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

1 month ago

It must have a fixed width?!
asad

1 month ago

you can have width 100% and flex 1 also
Vizualinx

1 month ago

Thanks, that worked👍🏻

Leave a comment

© Nordcraft 2025. All rights reserved.