font-size depending on character length?

Question

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?

Answer 1

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>

Answer 2

There is not a css way to do it you can use javascript or text-overflow in css3