CSS计时器文本位于数字1时移动

有人知道如何改变字符的宽度吗？我有一个计时器，位置很好，但是当它在1号时，计时器的宽度会更小。它应该始终处于相同的位置。有人知道这个问题的解决办法吗？我用数码7作为字体

CSS:

HTML:

您可以使用

display: block; 

可能使用div更适合此目的

您可以使用

display: block; 

---

可能使用div更适合此目的

问题是，您使用的字体不是等距的（所有字母都使用相同的“隐藏框”），因此解决方案是切换字体，而这不需要额外的编码

---

您的字体也以单倍行距提供，因此请试用>

问题是，您使用的字体不是单倍行距的（所有字母都使用放置在后面的同一个“不可见框”），因此您的解决方案是切换字体-这不需要额外的编码

---

您的字体也以单间距提供，因此请尝试>

您的代码在哪里？最好是JSFIDLE或SOI中的工作代码尝试过的JSFIDLE但不起作用：（您的代码在哪里？最好是JSFIDLE或SOI中的工作代码尝试过的JSFIDLE但不起作用）：（

display:block

只解决保持元素的大小（span或div），但它不会解决内部字体的移动。此外，通过设置

block

它可能会破坏布局，因此

inline block

可能是设计保留元素的更好解决方案（对于字体移动，请参阅我的答案）

display:block

仅解决保留元素（span或div）的大小问题但是它不能解决字体内部的移动。另外，通过设置

块

它可能会破坏布局，因此

内联块

可能是设计保持元素的更好解决方案（对于字体移动，请参见我的答案）是的，明白了！谢谢。是的，明白了！谢谢。

display: block;