text-overflow: многоточието не скъсява само текста

Полезно е да знаеш

text-overflow: ellipsis; указва как да се обозначи текст, който е изрязан по посоката на реда. Свойството не предизвиква само препълване. За обикновен едноредов етикет обичайна комбинация е ограничена ширина, overflow: hidden; white-space: nowrap; и text-overflow: ellipsis;. [1]

Например дълго име на файл може да се побере в тясна колона като начало на името и многоточие. Пълното съдържание не се променя в документа само защото е визуално съкратено. Осигури начин човекът да достигне цялото име, ако разликата между файловете е в края.

Тази техника не е универсално решение за няколкоредово описание. Ако целта е нормален абзац, първо прецени дали пренасянето е по-полезно. При таблица многоточието може да подобри подредбата, но не бива да скрива единствената информация, по която се взема решение.