聪明的预测宽度的方法

Question

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

字体大小为16像素。 我最初的想法是为每个角色做16px，但最终出错了......有什么想法吗？

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

这应该返回字符串的宽度