当CSS计时器文本出现在1号时会移动。

Question

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

CSS：

#time {
                        font-family: digital-7;
                        font-size: 60px;
                        position: absolute;
                        margin: auto;
                        top: 65px;
                        left: 342px;
                        color: white;
                        text-align: right;
                        display: block;
                        width: 30px;
                        text-align: right;
                        letter-spacing:5px;
                    }

HTML：

<span id="time"></span>

Answer 1

问题是，您使用的字体不是单间距字体(所有字母都使用放置在后面的“不可见框”)，因此解决方案是切换字体--这不需要额外的编码。

您的字体也是以单步格式提供的，所以尝试它> 数字-7

Answer 2

你可以用

display: block; 

可能使用div更适合于这一目的。

Answer 3

文本对齐属性是问题的根源。想办法摆脱它。