预测宽度的聪明方法

Clever way to predict width

本文关键字：方法      更新时间：2023-09-26

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

字体大小为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;
}

这应该返回字符串的宽度

相关文章：