动态计算一串字符串的宽度(一般用于动态计算input框宽度 input框宽度自适应)

  InputWidth() {
    const spanLable = document.createElement('span');
    spanLable.innerHTML = content;
    spanLable.style.visibility = 'hidden';
    spanLable.style.float = 'left';
    spanLable.style.fontSize = '12px';
    document.body.appendChild(spanLable);
    const width = spanLable.offsetWidth;
    document.body.removeChild(spanLable);
  	return width;
  }
原理就是把字符串塞到一个span标签 获取span标签的长度
可以设置字体的样式 让获取到的宽度更准确
我也是抄的别人的 记录一下 方便以后用到
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值