关于获取文本宽度的问题

最新推荐文章于 2024-03-23 05:06:06 发布

-遗忘的角落-

最新推荐文章于 2024-03-23 05:06:06 发布

阅读量1.3k

点赞数

分类专栏：记录文章标签： html javascript 文本宽度

本文链接：https://blog.youkuaiyun.com/ihiex123/article/details/85007140

版权

记录专栏收录该内容

2 篇文章

订阅专栏

记录下，当时只是为了给表格动态加载表格的宽度去做的。没想到还挺有用的。
做法很简单。
根据你传过来的串的长短返回其对应的宽度；

function getTextWidth(arr,fontSize) {
    if(!Array.isArray(arr)){return []};
    fontSize = fontSize || 12;
    var widthList = [];
    for(var i = 0; i < arr.length; i++){
        var div = document.createElement("div");
        div.innerText = arr[i];
        div.style.fontSize = fontSize + "px";
        div.style.display = "none";
        document.body.appendChild(div);
        widthList.push($(div).width());
        document.body.removeChild(div);
    }
    return widthList;
}