字體大小取決於字符長度？

是否可以根據其中包含多少個字符來更改div的字體大小？我有小型固定寬度div（100px）的圖像專輯標題。有時候專輯名稱的字符太多，以至於他們強制換行。所以我想知道是否可以重新調整字體大小以保持標題在一行上？字體大小取決於字符長度？

2012-01-28 crm

是，通過分配變量的類：

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

來源

2012-01-28 13:04:45

爲確保在大多數情況下您將獲得「安全」大小，請務必將$ r andom_number取決於M的數量，例如M的數量可以在100個像素之內（相對於我的;-)）。有很多方法可以正確地使用javascript（在隱藏的div中迭代字體大小並測量其結果寬度）來完成這樣的工作，但這很不合時宜。 – JimmiTh 2012-01-28 13:22:53

您不應該在服務器端代碼中嵌入字體大小。應用不同的類並在CSS中設置字體大小。 – blm 2015-11-04 22:41:07

沒有一個CSS辦法做到這一點，你可以在css3中使用javascript或text-overflow

來源

2012-01-28 13:07:35 Mahoor13

字體大小取決於字符長度？

回答

相關問題