如何使表格中的字体大小自适应?

我现在有一个表单,并且表单中的单词数有所不同,现在假设表的大小没有变化,我希望表中的字体大小随着单词数的变化而改变。单词,字体越小,最后一个单词,前面越大。你能告诉我如何实现吗?

评论
ham
ham

也许有更好的方法可以执行此操作,但是您可以使用javascript。下面的例子:

var allTDs = document.querySelectorAll('td');

for (i=0; i<allTDs.length; i++){

    if (allTDs[i].innerText.length<=100){
        allTDs[i].style.fontSize="large";
    } 

   if (allTDs[i].innerText.length>100 && allTDs[i].innerText.length<=200){
        allTDs[i].style.fontSize="medium";
    }

   if (allTDs[i].innerText.length>200 && allTDs[i].innerText.length<=400){
        allTDs[i].style.fontSize="small";
    }

   if (allTDs[i].innerText.length>400){
        allTDs[i].style.fontSize="x-small";
    }

};

注意:此示例计算innerText中的字符数,而不是单词数。您可以更改它以计算单词数-粗略计算单词的一种方法是实际计算innerText中的空格“”:

allTDs[i].innerText.split(" ").length-1
点赞
评论