Javascript 保持字符间距不变

我想做的是保持计时器中的数字不动

目前，一些字符比其他字符稍大，因此当我的计时器快速计数时，它们会快速移动，使其难以读取

示例

“0”可能是5px宽
“.”可能是1px宽
“7”可能是6px宽
因此，“0.7”将是12px宽

但是如果“6”是5px宽，那就意味着“0.6”是11px宽，我认为这就是计时器快速增加时导致移动的原因

我找到了一个我希望我的角色做什么的例子。正如您所看到的，计时器保持静止，数字在不推动其他字符的情况下递增

我正在写一个类似的网站，但使用画布来封装计时器。我试过使用间距，但不起作用。我正在使用Javascript，它链接到一个HTML页面

---

如有任何信息，将不胜感激

最快的方法是使用单间距字体。 有一些很受欢迎的

如果不想使用单间距字体，可以将每个字符包装成

，并使跨距都具有相同的宽度

。时钟跨度{
显示：内联块；
宽度：10px；
}

1.
1.
:
1.
1.
2.
8.
:
5.
8.

最快的方法是使用单间距字体。 有一些很受欢迎的

如果不想使用单间距字体，可以将每个字符包装成

，并使跨距都具有相同的宽度

。时钟跨度{
显示：内联块；
宽度：10px；
}

1.
1.
:
1.
1.
2.
8.
:
5.
8.

如果您确实需要使用具有不同宽度字母的特定字体，您可以编写一些均匀分隔字符的内容。但是，更简单的方法是使用，例如

满足您需要的CSS规则可能如下所示：

.timer
{
    font-family: "Courier New", Courier, monospace;
}

---

这将告诉浏览器使用Courier New，前提是用户的计算机上与它完全匹配。如果他们不这样做，它将使用他们拥有的任何其他快递字体。如果不能做到这一点，它将使用他们现有的任何单空格字体。

如果您确实需要使用具有不同宽度字母的特定字体，您可以编写一些均匀分隔字符的内容。但是，更简单的方法是使用，例如

满足您需要的CSS规则可能如下所示：

.timer
{
    font-family: "Courier New", Courier, monospace;
}

---

这将告诉浏览器使用Courier New，前提是用户的计算机上与它完全匹配。如果他们不这样做，它将使用他们拥有的任何其他快递字体。如果做不到这一点，它将使用他们现有的任何单空格字体。

最简单的方法就是使用快速的Wow，是的，这正是我想要的。谢谢你最简单的方法就是使用一个快速的魔兽世界，是的，这正是我想要的。感谢您的帮助，但这不适用于我，因为我的号码是随机生成的，然后通过ctx下面的ctx示例显示。font=“150px PT Mono monospace”；ctx.fillStyle=“黑色”；ctx.textAlign=“中心”；感谢您的帮助，但这不适用于我，因为我的号码是随机生成的，然后通过ctx下面的ctx示例显示。font=“150px PT Mono monospace”；ctx.fillStyle=“黑色”；ctx.textAlign=“中心”；这对我来说是最好的答案，因为我不必担心任何文本居中。再次感谢你，Michaelsi，我还使用查找和导入我的自定义字体，酷。这是一个确保用户体验一致性的好方法。这对我来说是最好的答案，因为我不必担心任何文本居中。再次感谢你，Michaelsi，我还使用查找和导入我的自定义字体，酷。这是确保用户体验一致性的好方法。