Oblewanie tekstem ze stałą wysokością maks.

Question

Potrzebuję mieć pudełko (div) z tekstem na wiele linii, a to pudełko musi mieć stałą szerokość i stałą maksymalną wysokość.

Używam overflow: hidden; Teraz mój problem polega na tym, że jeśli ostatnia linia nie pasuje do wysokości div max, zostanie przycięta (na przykład przecinając tylko połowę linii). To, co chcę zrobić w tym przypadku, to nie pokazywać ostatniej linii i wyświetlać wielokropka w ostatnim. Moim problemem nie jest wstawianie wielokropka w pojedynczym wierszu tekstu (przy użyciu właściwości white-space: nowrap), głównym problemem jest to, że tekst zostanie skróconych w ostatnim wierszu, elipsa nie jest problemem, ponieważ w ostatnim przypadku można użyć jQuery aby wstawić go

Answer 1

Dodaj

text-overflow: ellipsis; 

do Div

EDIT: Ok, nie jest możliwe na razie nie w standardzie wyznaczony sposób.

Ale jest to możliwe do osiągnięcia go eksperymentalnych funkcji WebKit (patrz this topic) lub zrobić to z JS przez the solution napisany przez tego faceta, a przechowywane na github.