Elipsa CSS z elementami inline?
Dostosowałem widżet jQuery UI MultiSelect tak, aby tekst pokazywał wszystkie wybrane etykiety, ale jeśli wybrano zbyt wiele elementów do wyświetlenia, tekst zostałby przycięty i elipsowany. Zrobiłem to tak:
.ui-multiselect .selected-text {
display: block;
max-width: 190px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
Jedyne, co mi się nie podoba w tym rozwiązaniu, to to, że musiałem to ustawićdisplay: block
do elementu (rozpiętości). Bez tego parametr szerokości został zignorowany, a zakres rozszerzony do rozmiaru tekstu.
Czy możliwe jest uzyskanie elipsy do pracy z elementami inline (bez zmianydisplay
doblock
)? Jeśli tak, jak to osiągnąć?