Как изменить размер текста по мере необходимости? - PullRequest
Новая
       1

Как изменить размер текста по мере необходимости?

1 голос
/ 24 мая 2011

У меня есть страница, на которой я динамически читаю имена в области содержимого определенным образом. У нас есть несколько человек, чьи имена очень длинные, некоторые из них имеют длину 25 символов, а большинство - около 12-13. Как я могу изменить размер текста, который я помещаю в div по мере необходимости?

1 Ответ

0 голосов
/ 24 мая 2011

Установите размер шрифта в соответствии с длиной текста.Вы не опубликовали никакого кода, поэтому я могу только предположить, как может выглядеть ваш HTML. 

<div id="names" style="width: 140px; border: 1px solid black; overflow:hidden">
    <div style="white-space: nowrap">Some Name</div>
    <div style="white-space: nowrap">Some Very Very Long Name</div>
</div>

Это может быть JavaScript, использующий jQuery. 

$(function() {
    $('#names div').each( function(idx, item) {
       if( $(this).width() > $(this).parent().width() ) {
           $(this).css('font-size', Math.floor($(this).parent().width() / $(this).width() * parseInt($(this).css('font-size'))));
       }
    });
});
...