如果文本达到div限制，请调整文本大小，然后在调整大小后将其保持居中

Question

链接到我的问题的图片：http://imgur.com/Hif298t

基本上，在我正在制作的一个小HTML游戏中，我希望有一个地方可以保持得分。我有一个带有背景图像的div，然后是跨越顶部的文本，其大小设置在em中。正如你所看到的，当得分相对较低时，它看起来很完美。但是，如果分数太大，它就会超过跨度的边缘。我喜欢它，如果有一种方法可以使文本在大多数时间内保持当前大小...除非它达到宽度限制，然后它会缩小，但保持垂直和水平对齐。 / p>

这可能吗？干杯：）

Answer 1

您可以简单地获取元素的字符，例如：

var limits = document.getElementById("characters").value.length;

如果超出限制，则使用

降低字体大小

if(limits > 5) {
  document.getElementById("characters").style.fontSize = "value";
}