vue中为什么同样的宽度，字体大小，间距显示的内容多少不一样，怎么解决？

Question

Answer 1

这个问题和Vue其实并没有关系，主要是因为不是等宽字体，具体关于等宽字体的定义可以查看这里，张大佬有完整的解释这个问题。

修改一下文本内容的 font-family 就好了，比如说 Consolas, Monaco, monospace。

Answer 2

因为不同的数字的宽度其实是不一样的， 推荐对里面的数字使用等宽字体。如 Consolas,Monaco, monospace

Answer 3

看起来是字体的问题，设置下统一的字体试试。

Answer 4

间距显示的内容多少不一样，使用弹性布局 display:flex; 可以解决。