Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Автоматическое обрезание текста по ширине


Автор: ivashkanet 5.9.2007, 19:18
Всем привет.

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

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

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

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

В http://forum.vingrad.ru/index.php?show_type=forum&showtopic=167500 добрые люди помогли с одной строкой:
Код

<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

Автор: ivashkanet 7.9.2007, 17:36
Помощь ещё нужна...

Неужели никто не сталкивался с такой задачей? Фик с ними со стилями... хотя бы какую идею поподайте........ smile 

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)