Обрезать текст в div, если он превышает заданную ширину?

Question

На веб-сайте, над которым я работаю, пользователи могут добавить заголовок в раздел страницы. Простой пример:

M11-001 - loss of container and goods from Manchester

С некоторыми заголовками содержание может быть довольно глубоким. На самом деле, по крайней мере, для заголовка этот контент не всегда нужен. Первые несколько слов будет достаточно, чтобы различать записи.

Я мог бы просто установить переполнение: скрытое в div и безжалостное вырезание всего, что находится за пределами заданной ширины.

Я бы предпочел добавить ... До конца. Вот так:

M11-001 - loss of container...

Таким образом, три точки остановки будут добавлены после X-ширины или X-символов.

Возможно ли это с помощью CSS или, может быть, JavaScript?

Answer 1

Как то так?http://www.quirksmode.org/css/textoverflow.html

Переполнение текста

Объявление переполнения текста позволяет вам работать с обрезанным текстом: то есть с текстом, который не помещается в егокоробка.Значение многоточия приводит к добавлению трех периодов к тексту.