Question

我正在试图弄清楚如何解决这个问题：

点击左箭头时，文字和右箭头会向右推一点：http://jsfiddle.net/E72dz/

有关如何解决此问题的任何想法？我想让文本周围的范围成为一个特定的宽度，但这种情况在添加时会引入其他问题。

Answer 1

很明显，这是单个数字9所需空间与双位数10所需空间之间的差异。注意updated fiddle没有变化。

如果您不想使用单个数字的前导0，您可以将宽度设置为固定宽度，如this updated fiddle.

Answer 2

它不是它推动文本，它在从9跳到10时添加一个全新的角色。如果你没有特定的宽度设置，它会为该角色添加它，如果你不想包括你可以包含0个占位符的宽度来填充它。如果动态引入，我建议使用该语言格式化字符串以包含前导0的

Answer 3

正如你自己所说，我认为最好只设置固定宽度，将其添加到你的CSS中：

span.meta.prel {
    display: inline-block;
    width: 45px;
    text-align: center;
}

根据this fiddle。对我来说这似乎是最直接的解决方案，并且似乎没有对你的布局产生任何其他巨大的影响（我认为它本身有点奇怪）。

另一方面，我不认为通过向其添加内容来增加容器的大小应该被视为“怪癖”。