phphtmlcssfont-sizetext-justify

font-size depending on character length?

Is it possible to change the div's font-size depending on how many characters are in it? I have image album titles in small fixed width div's (100px). Sometimes the album names have too many characters that they force a new line. So I was wondering if it is possible to re-size the font to keep the title on one line?

Solution

  • Yes, by assigning a variable to a class:

    In your css:

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

    In your view

    <?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>