Obetnij ciąg wielokropkiem - CSS-Tricks

Anonim

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?