动态字体大小调整?

时间:2015-12-06 03:19:48

标签: css

是否可以调整字体大小,具体取决于单词的长度?

我有一种情况需要在一行上显示一个单词。但这个词的长度可以在1到10个字符之间变化。我希望文本的最大字体大小为65px,但调整添加的字符越多,以便在使用所有10个字符时,该单词不会被推出视图。

尺寸总是固定的(纵向iPod),只是字的长度是可变的。

任何CSS忍者都在心里教老狗一个新技巧:)

1 个答案:

答案 0 :(得分:-4)

您可以使用javascript根据字符串长度更改字体大小 -

var str = "Hello World!";
var n = str.length;
if(n>10){
document.getElementById("id").style.font = "italic bold 20px arial,serif";
}
希望这有帮助..