Показать сообщение отдельно
  #16 (permalink)  
Старый 08.01.2011, 22:26
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

Сообщение от Aetae
Товарищу нyжно что-то типа этого:
это ему уж точно не нужно, так текст нестабильный какой-то выходит:

Обработанный:
<div style="font-size:40px;width:300px;height:45px;overflow:hidden;border:1px solid #000">
Такой вот тут у нас длинный-предлинный текст попался, чтож теперь поделаешь. Сокращать надо бы, но хочется, понимашь, хитрого дизайнерского хода.
</div>

О тут не нужно и обрабатывать:
<div style="font-size:40px;width:300px;height:45px;overflow:hidden;border:1px solid #000">
Такой вот тут у нас длинный-предлинный т
</div>

Ну а тут так еще больше текста:
<div style="font-size:40px;width:300px;height:45px;overflow:hidden;border:1px solid #000">
Такой вот тут у нас длинный-предлинный текст попался, чтож теперь поделаешь. Сокращать надо бы, но хочется, понимашь, хитрого дизайнерского хода.............................................................................
</div>

<script type="text/javascript">
var div = document.getElementsByTagName('div'), i = div.length, f;
while(i--){ 
    while(div[i].scrollHeight>parseInt(div[i].style.height)&&(f=parseInt(div[i].style.fontSize)-1)>0){
        div[i].style.fontSize = f+'px';
    }
}
</script>



Сообщение от Aetae
Правильно же это делается тупо обрезкой с добавлением "...".
ну да
Ответить с цитированием