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

链接到我的问题的图像：

本质上，在我正在制作的一个html小游戏中，我希望有一个地方可以记分。我有一个div，有一个背景图像，然后文本在上面的一个跨距中，大小设置在em中。正如你所看到的，当分数相对较低时，它很合适，看起来很完美。然而，如果分数太大，它只是越过了跨度的边缘。如果有一种方法可以让文本在大部分时间保持当前大小，我会很高兴的。。。除非它达到宽度限制，然后它会缩小，但保持垂直和水平对齐

---

这可能吗？干杯：）

您只需获取元素的字符，例如：

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

如果超过了限制，则使用

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

---

你有没有尝试过的代码，你可能想粘贴在这里……或者我们给你一个有解决方案的图片？？：请添加您的代码。