CSS-Timer Text bewegt sich, wenn es an Nummer 1 kommt

Question

Weiß jemand, wie man die Breite eines Zeichens ändert? Ich habe einen Timer und die Position ist gut, aber wenn es an Nummer 1 kommt, wird die Breite des Timers kleiner sein. Es sollte immer die gleiche Position sein. Gibt es jemanden, der die Lösung dafür kennt? Ich verwende Digital-7 als Schriftart.

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

das Problem ist, geeignet für diesen Zweck verwenden könnte dass du uns verwendest g Schriftart, die nicht monospaced ist (alle Buchstaben verwenden die gleiche "unsichtbare Box" hinter), so kann die Lösung für Sie sein, die Schriftart zu wechseln - und dies erfordert keine zusätzliche Codierung.

Ihre Schrift ist auch als dicktengleiche zur Verfügung gestellt, so probieren Sie es aus>digital-7

Answer 2

Sie

display: block; 

Wahrscheinlich ein div mit besser