CSS定时器文本在数字1时移动

时间:2016-06-09 11:21:13

标签: css timer width

有人知道如何更改角色的宽度吗?我有一个计时器,位置很好,但是当它在数字1时,计时器的宽度会更小。它应该始终是相同的位置。有没有人知道解决方案?我正在使用Digital-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>

2 个答案:

答案 0 :(得分:2)

问题是,你使用的是非等宽字体(所有字母都使用相同的“隐形盒子”),所以解决方案就是切换字体 - 这不需要额外的编码。

您的字体也以等宽字体提供,因此请尝试使用&gt; digital-7

答案 1 :(得分:0)

您可以使用

base64.b64encode("key")

可能使用div更适合此目的