Wymagane są wszystkie poniższe elementy, więc tekst musi znajdować się w jednej prostej linii, która przepełnia pole, w którym to przepełnienie jest ukryte.
.truncate ( width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; )
Zobacz Pen Basic Overflow Ellipsis autorstwa Chrisa Coyiera (@chriscoyier) w CodePen.
Zwróć uwagę na stałą szerokość w użyciu. Istota jest taka, że element wymaga jakiejś określonej szerokości, na którą musisz szczególnie uważać w przypadku flexboksa:
Zobacz Pen Rzecz, którą musisz wiedzieć o flexboksie autorstwa Chrisa Coyiera (@chriscoyier) na CodePen.
Szukasz obcinania do określonej liczby wierszy?