VPF::Автоматическое обрезание текста по ширине

ivashkanet

Дата 5.9.2007, 19:18 (ссылка)

(нет голосов)

Загрузка ...

Кодю потиху

Профиль
Группа: Участник Клуба
Сообщений: 3684
Регистрация: 23.2.2006
Где: Гомель, Беларусь

Репутация: нет
Всего: 149

Всем привет.

Есть текст. Он может быть как маленький, так и большой. Но на его отображение выделено всего три строки, а с шириной этих строк вообще беда -- меняется в рантайме (это можно проэмулировать как разными разрешениями экрана, так и уменьшением--увеличением самого окна браузера).

Так вот этот текст, если помещается, должен быть полностью отображен, если нет, то обрезается чтобы влез, а в конце ставяться три точки (в этом случае при наведении на три точки или на сам текст желательно чтобы всплывал полный текст).

Сейчас это делается тупым обрезанием до 45*3 (строки) символов.

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

В топике добрые люди помогли с одной строкой:

Код


<div style="width: 100%; overflow: hidden; text-overflow:ellipsis">
<nobr>We hold these truths to be self-evident, that all people are created equal. We hold these truths to be self-evident, that all people are created equal. We hold these truths to be self-evident, that all people are created equal. We hold these truths to be self-evident, that all people are created equal. We hold these truths to be self-evident, that all people are created equal. We hold these truths to be self-evident, that all people are created equal. <\nobr>
</div>

Но тут все упирается в nobr, а значит всего одна строка....

Прошу помочь в нелегком деле овладения веб версткой smile

СУВ, ivashkanet.

P.S. Я в верстке почти ноль, так что сильно не пинать, а если и пнете к мануалам, то хоть направление укажите, плиз
P.P.S. Жаваскрипты предлагать только в саамом крайнем случае

Добавлено через 1 минуту и 37 секунд
Достаточно работоспособности под IE 7.0

--------------------

design, simplicity, and experience with a technology focus