Как не дать тексту растянуть блок ?

голоса: 0

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

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

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

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

Адрес сайта http://gamingicons.ucoz.com/
| Автор: | Категория: Дизайн сайта

Ответов: 1

Голоса: +1
 
Лучший ответ
http://htmlbook.ru/css/text-overflow

text-overflow: ellipsis;
| Автор:
Выбор ответа лучшим | | Автор: Сизых Владимир

Спасибо !

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

 

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

 

width:  … ;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

...