HTML i CSS · Middle · Pytanie 5 z 75
Wewnątrz elementu flex długi tekst z text-overflow: ellipsis się nie ucina, tylko rozciąga kolumnę. Jak to naprawić?
- ✓Poprawna odpowiedź: Dać elementowi flex
min-width: 0(luboverflow: hidden) - 2Dać elementowi flex
flex-shrink: 0, żeby się nie kurczył - 3Zmienić kontener z
display: flexnadisplay: inline-flex
Wyjaśnienie
Elementy flex mają domyślnie min-width: auto - nie skurczą się poniżej minimalnej treści. Długie słowo lub linia z white-space: nowrap rozciąga element. min-width: 0 pozwala na kurczenie się i wtedy działa ellipsis. flex-shrink: 0 tylko by pogorszył sytuację.