2012-01-28 86 views
3

是否可以根据其中包含多少个字符来更改div的字体大小?我有小型固定宽度div(100px)的图像专辑标题。有时候专辑名称的字符太多,以至于他们强制换行。所以我想知道是否可以重新调整字体大小以保持标题在一行上?字体大小取决于字符长度?

回答

3

是,通过分配变量的类:

在你的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> 
+1

为确保在大多数情况下您将获得“安全”大小,请务必将$ r andom_number取决于M的数量,例如M的数量可以在100个像素之内(相对于我的;-))。有很多方法可以正确地使用javascript(在隐藏的div中迭代字体大小并测量其结果宽度)来完成这样的工作,但这很不合时宜。 – JimmiTh 2012-01-28 13:22:53

+2

您不应该在服务器端代码中嵌入字体大小。应用不同的类并在CSS中设置字体大小。 – blm 2015-11-04 22:41:07