Javascript(或css?):保持改变数字以使周围的文本摇摆不定
- 论坛
- Javascript(或css?):保持改变数字以使周围的文本摇摆不定
10 浏览
Javascript(或css?):保持改变数字以使周围的文本摇摆不定
我实现了类似这样的东西:
这里有一些数字:123234。很酷吧?
然后动态改变数字:
setInterval(function () {document.getElementById('1').innerHTML = Math.random();},100);
然而,我没有使用等宽字体(就像jsfiddle一样)
当添加数字时,我希望周围的文本能够移动(就像它正在做的那样...)然而,在我的网站上,当数字的位数相同时,周围的文本仍然会根据数字的宽度晃动(因为没有使用等宽字体,1比2窄)。
有人知道如何修复这个问题吗?(或者可以推荐一个看起来不像打字机的跨平台等宽字体...)
编辑:根据@guffa的评论,原来很多字体都有等宽数字。与其麻烦处理这个问题,最简单的方法是选择一个更好的字体。