3
是否可以根据其中包含多少个字符来更改div的字体大小?我有小型固定宽度div(100px)的图像专辑标题。有时候专辑名称的字符太多,以至于他们强制换行。所以我想知道是否可以重新调整字体大小以保持标题在一行上?字体大小取决于字符长度?
是否可以根据其中包含多少个字符来更改div的字体大小?我有小型固定宽度div(100px)的图像专辑标题。有时候专辑名称的字符太多,以至于他们强制换行。所以我想知道是否可以重新调整字体大小以保持标题在一行上?字体大小取决于字符长度?
是,通过分配变量的类:
在你的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>
没有一个CSS办法做到这一点,你可以在css3中使用javascript或text-overflow
为确保在大多数情况下您将获得“安全”大小,请务必将$ r andom_number取决于M的数量,例如M的数量可以在100个像素之内(相对于我的;-))。有很多方法可以正确地使用javascript(在隐藏的div中迭代字体大小并测量其结果宽度)来完成这样的工作,但这很不合时宜。 – JimmiTh 2012-01-28 13:22:53
您不应该在服务器端代码中嵌入字体大小。应用不同的类并在CSS中设置字体大小。 – blm 2015-11-04 22:41:07