javascript - 幅を予測する賢い方法

Question

文字列が要素内に追加される場合、文字列の幅を予測する方法が必要です。

フォントサイズは16pxです。私の最初のアイデアは、すべての文字を 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;
}

これは文字列の幅を返す必要があります