您的位置：程序门 -> web 开发 -> javascript

js中如何取得字符宽度？

[收藏此页] [打印本页]选择字色：背景色：字体：[大][中][小]

js中如何取得字符宽度？[已结贴,结贴人:chengys]

发表于：2007-03-16 20:16:47 楼主

html画面显示的时候，不同的字符占用的宽度是不同的。比如：1和w，汉字和半角数字。那么如何取得每个字符占用的宽度呢。

发表于：2007-03-16 20:28:421楼得分:30

如果要取得精确的宽度可能不容易，因为受字体等的影响

但有一个笨一点的方法，用一个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)

以上未经过测试

其他资讯