javascript - 预测宽度的巧妙方法

Question

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

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

Answer 1

您可以像这样将字符串附加到正文：

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;
}

这应该返回字符串的宽度