我已经实现了这样的东西:
<p>Here are some numbers: <span id="1">123234</span>. Cool huh?<p>
然后动态更改数字:
setInterval(function () {document.getElementById('1').innerHTML = Math.random();},100);
但是,我没有使用固定宽度的字体(就像 jsfiddle 那样)
添加数字时,我需要移动周围的文本(就像它正在做的那样......)但是,在我的网站上,当数字的数量相同时,周围的文本仍然会根据数字宽度摆动(因为不使用固定宽度字体,1 比 2 窄)。
有人知道如何解决这个问题吗?(或者可以推荐一款看起来不像打字机的跨平台定宽字体……)
编辑:根据@guffa 的评论,许多字体都有固定宽度的数字。最简单的路线=选择更好的字体,而不是为此烦恼。