Question

Хочу сделать обрезание текста как в названии картинок.

Но исследуя этот элемент, я не нашёл ничего кроме white-space: nowrap;

А он просто не даёт перенести текст на следующую строку. При этом блок растягивается.

Вот и появляется вопрос: Как не дать тексту растянуть div блок, чтобы при этом добавлялось многоточие, в месте обрезания ?

Answer 1

http://htmlbook.ru/css/text-overflow

text-overflow: ellipsis;

Comments

Спасибо !

Я ещё и размер блока забыл указать. То-та и блок растягивался =)

 

В общем всего вот это надо было :

 

width:  … ;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;