размер шрифта в зависимости от длины символа?

Question

Можно ли изменить размер шрифта div в зависимости от количества символов в нем? У меня есть названия альбомов с изображениями в маленьком div фиксированной ширины (100px). Иногда в названиях альбомов слишком много символов, чтобы они переносили новую строку. Поэтому мне было интересно, можно ли изменить размер шрифта, чтобы заголовок оставался на одной строке?

Answer 1

Да, присваивая переменную классу:

В вашем css:

.longstring {
  font-size: 10pt;
}
.shortstring {
  font-size: 14pt;
}

На ваш взгляд

<?php
$random_number = '42';
if(strlen($div_string)>$random_number){
    $font_class = 'longstring';
}else{
    $font_class = 'shortstring';
}?>
<div class="<?php echo $font_class; ?>">
    <?php echo $div_string; ?>
</div>

Answer 2

Нет способа сделать это css, вы можете использовать javascript или переполнение текста в css3