Odciąć tekst w div, jeśli przekracza ustawioną szerokość?

Question

Na stronie pracuję użytkownicy mogą dodać nagłówek do sekcji page.A prosty przykład:

M11-001 - loss of container and goods from Manchester 

z niektórymi pozycjami zawartość można dość dogłębne. W rzeczywistości przynajmniej w przypadku tej pozycji ta treść nie zawsze jest potrzebna. Pierwsze kilka słów wystarczyłoby do rozróżnienia między zapisami.

Mogłem po prostu ustawić przepełnienie: ukryte dla div i bezwzględnie wycięte z niczego poza ustawioną szerokością.

Wolałbym dodać ... Do końca. Tak jak poniżej:

M11-001 - loss of container... 

Zostaną dodane trzy kropki po X szerokości lub X znakach.

Czy to możliwe dzięki CSS, czy może JavaScript?

Answer 1

Coś takiego? http://www.quirksmode.org/css/textoverflow.html

Text-Overflow

Deklaracja text-overflow pozwala do czynienia ze ściętym tekstem: że jest tekst, który nie pasuje do jego pudełku. Wartość elipsy powoduje trzy okresy, które należy dołączyć do tekstu.