CSS - maksymalna szerokość i elipsy

Mam rozpiętość, która będzie zawierać tekst. Chciałbym, aby rozpiętość została rozszerzona do 500 pikseli, aby pomieścić tekst wewnątrz. Po osiągnięciu maksimum chciałbym, aby tekst wyświetlał elipsy dla dowolnego tekstu przepełniającego maksymalną szerokość. czy to możliwe? Próbowałem następujące, ale to nie wyszło.CSS - maksymalna szerokość i elipsy

Dzięki

{ 
    position: absolute; 
    top: 13px; 
    left: 44px; 
    max-width: 500px; 
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow:ellipsis; 
}

Źródło

2010-06-03 Steve

Która przeglądarka nie spróbować? Firefox, np. nie obsługuje funkcji 'text-overflow: ellipsis;' -setting. –

Ten artykuł może ci pomóc, przynajmniej jeśli chodzi o symulację w FF: http://www.jide.fr/english/emulate-text-overflowellipsis-in-firefox-with-css – edl

Ten javascript obetnie swój tekst i dodać wielokropek. (Bez rozbijania go w środku słowa lub znaczników)

Barelyfitz Truncate js.

Nie jestem pewien o zgodności przeglądarki obszarów I, ale to powinno działać :)

Nadzieję, że to pomaga.

Źródło

2010-06-03 13:46:17 Kyle

Spans są wyświetlane: domyślnie wbudowane, co może powodować dziwne zachowanie po przypisaniu do niego wymiarów. Jeśli mimo wszystko jest pozycjonowany absolutnie, powinieneś użyć div lub ustawić rozpiętość do wyświetlenia: block zamiast tego.

Nie jestem pewien, czy to rozwiąże problem, ale to dopiero początek :)

Źródło

2010-06-03 15:59:22

Dzięki, znalazłem to pytanie przez Google i ustawienie 'display: block' na moim' 'tag z ellipsis było problemem – Wylie

' display: block' nie było w porządku dla tego, co chciałem zrobić, ale 'display: inline-block' zrobił to doskonale. Chciałem również mieć znaczniki ' o ograniczonej długości. – Ale

CSS - maksymalna szerokość i elipsy

Odpowiedz

Powiązane problemy