Javascript(或css?):保持改变数字以使周围的文本摇摆不定

10 浏览
0 Comments

Javascript(或css?):保持改变数字以使周围的文本摇摆不定

我实现了类似这样的东西:

http://jsfiddle.net/DKs49/

这里有一些数字:123234。很酷吧?

然后动态改变数字:

setInterval(function () {document.getElementById('1').innerHTML = Math.random();},100);

然而,我没有使用等宽字体(就像jsfiddle一样)

当添加数字时,我希望周围的文本能够移动(就像它正在做的那样...)然而,在我的网站上,当数字的位数相同时,周围的文本仍然会根据数字的宽度晃动(因为没有使用等宽字体,1比2窄)。

有人知道如何修复这个问题吗?(或者可以推荐一个看起来不像打字机的跨平台等宽字体...)


编辑:根据@guffa的评论,原来很多字体都有等宽数字。与其麻烦处理这个问题,最简单的方法是选择一个更好的字体。

0