浏览器Http的413报错

前言

不知道大家有没有遇到过这样的需求，就是根据文本不同的长度，会有不同的样式，我不知道大家平时是怎么解决的，我用了以下方法，利用span标签

代码

export function getTextWidth(text: string, fontSize: number) {
  // 创建临时元素
  const _span = document.createElement("span");
  // 放入文本
  _span.innerText = text;
  // 设置文字大小
  _span.style.fontSize = fontSize + "px";
  // span元素转块级
  _span.style.position = "absolute";
  // span放入body中
  document.body.appendChild(_span);
  // 获取span的宽度
  let width = _span.offsetWidth;
  // 从body中删除该span
  document.body.removeChild(_span);
  // 返回span宽度
  return width;
}