日期:2014-05-16  浏览次数:20333 次

JS中如何取得字符宽度?
HTML画面显示的时候,不同的字符占用的宽度是不同的。比如:1和W,汉字和半角数字。那么如何取得每个字符占用的宽度呢。

------解决方案--------------------
如果要取得精确的宽度可能不容易,因为受字体等的影响

但有一个笨一点的方法,用一个HTML对象,如SPAN,先记录下SPAN的offsetWidth,位置把字符放到innerText,再取offsetWidth,这两个offsetWidth的差值就是字符的宽度

如:

<SPAN id=span style= "font-size:9pt "> </span>

var o=document.getElementById( "span ");
var oldWidth=o.offsetWidth;
o.innerText= "字符 ";
var width=o.offsetWidth-oldWidth;

alert(“宽:”+width)


以上未经过测试