Сообщение от 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
|
Правильно же это делается тупо обрезкой с добавлением "...".
|
ну да