前端如何解决网页相同位数的数字无法对齐的问题?

image.png

如图所示,设置的右对齐数字

但是因为数字的不同,导致都是四位数,但左边并没有对齐

当然我知道是字体的问题,目前文字并未设置字体(因为是网页的原因也不好引入外部字体),是在mac上浏览的,所以应该默认是苹方

所以要如何解决这个问题呢?

我怕引入外部字体会不兼容

阅读 4.5k
3 个回答

你在数字外包一层code标签试试?<code>1234</code>

需要用:等宽字体

用等宽字型

div {
    font-family: mono
}

或者是 <tt>1235</tt>

推荐问题