Javascript 预测宽度的聪明方法

如果要将字符串添加到元素中，我需要一种预测字符串宽度的方法

字体大小为16px。

---

我最初的想法是为每个角色做16像素，但结果是错的。。有什么想法吗？

您可以将字符串附加到正文中，如下所示：

function get_width_of_string() { 
    var div = document.createElement('div');
        div.style.position = "absolute";
        div.style.marginLeft = "-99999px";
        div.style.display = "inline-block";
    div.innerHTML =  "this is a  string";

    document.body.appendChild(div);

    var width = div.offsetWidth;
    document.body.removeChild(div);
    return width;
}

---

这将返回字符串的宽度

您可以将字符串附加到正文中，如下所示：

function get_width_of_string() { 
    var div = document.createElement('div');
        div.style.position = "absolute";
        div.style.marginLeft = "-99999px";
        div.style.display = "inline-block";
    div.innerHTML =  "this is a  string";

    document.body.appendChild(div);

    var width = div.offsetWidth;
    document.body.removeChild(div);
    return width;
}

---

这将返回字符串的宽度

仍然令人困惑，请为您的问题添加更多信息。也许会有帮助。（灵感来源于a。）如果你添加了隐藏元素，那么将所有文本添加到隐藏元素中，并使其宽度仍然混乱，请为你的问题添加更多信息。也许会有帮助。（灵感来源于a。）给定添加隐藏元素，将所有文本附加到该元素并获取其宽度