黑马程序员技术交流社区

标题: 字符宽度的问题 [打印本页]

---

作者: lvjayj    时间: 2013-8-2 20:53
标题: 字符宽度的问题


在网页中，如何得到字符的显示宽度呢？

---

作者: 殘遛の丶狳味    时间: 2013-8-2 21:27
不太明白你这个字符的意思，你是说<input type="text" value="字符" /> 中，"字符"这两个字符的宽度吗？

---

作者: hongiqnglik    时间: 2013-8-2 22:36
当我们需要在有限的空间内显示动态变化的字符串时，当字符串表示宽度超过有限空间时，需要缩小字体来表示：下面的代码或许对你有帮助：
function $(id)//获取字符串的表示宽度
{
    return document.getElementById(id);
}

String.prototype.visualLength = function()
{
    var ruler = $("ruler");
    ruler.innerHTML = this;
    return ruler.offsetWidth;
}

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2