text-overflow
Как показывать обрезанный текст: обрезка или многоточие.
Сигнатура
text-overflow: clip | ellipsisСвойство text-overflow работает с переполнением строки. ellipsis добавляет многоточие. Нужны также overflow: hidden и white-space: nowrap.
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}