首页 > 其他分享 >获取单元格内容的宽度

获取单元格内容的宽度

时间:2024-12-25 21:56:01浏览次数:3  
标签:style const tempElement text 单元格 获取 宽度 document

const checkWidths = (text) => {             const tempElement = document.createElement('div');             tempElement.style.visibility = 'hidden';             tempElement.style.position = 'fixed'; // 使用绝对定位             tempElement.style.whiteSpace = 'nowrap'; // 不换行     tempElement.style.fontSize = '14'; // 获取字体样式             tempElement.style.fontFamily = window.getComputedStyle(cell).fontFamily; // 获取字体族             tempElement.innerText = text; // 设置文本             document.body.appendChild(tempElement);             console.log(`单元格内容 "${text}" 的真实宽度是: ${tempElement.offsetWidth}px`);             document.body.removeChild(tempElement);             return text;         };     const getTextWidth = (text) => {             return text.replace(/[^\x00-\xff]/g, "aa").length;         };

标签:style,const,tempElement,text,单元格,获取,宽度,document
From: https://www.cnblogs.com/lljboke/p/18631485

相关文章

  • 路由器获取网段的方法1 静态路由
    静态路由:尤管理员手写的路由条目静态路由:路由器与路由器之间的链路我们称之为骨干链路(总线链路),一般是不配置任何PC端的。  下一跳判断:1.方向正确  2.必须在直接连接的网段范围内[R1]iproute-static192.168.3.024192.168.2.2静态路由:目标网段为192.168.3.0/24......
  • 从源码角度查看SpringBoot是怎样获取到Bean的
    背景:我们都知道在SpringBoot启动类上添加@SpringBootApplication注解后执行main方法就可以自动启动服务Spring会自动帮我们找到需要管理的Bean的呢探究:经典的八股文AbstractApplicationContext#refresh()方法相信大家已经比较熟悉了进入invokeBeanFactoryPostProcess......
  • iPhone获取设备UDID,安装测试包
    一、Safari访问获取udid网址使用iOS设备的Safari浏览器打开http://www.betaqr.com.cn/udid二、安装证书打开链接后,点击“获取UDID”三、手机配置打开“设置”->“通用”四、安装证书点开证书之后五、获取UDID安装证书之后,切换到Safari,长按出现的UDID复制,到微信......
  • 最近刚刚整理的免费获取股票数据接口API(实时数据、历史数据、CDMA、KDJ等指标数据)配有
    以下所有接口,均可在浏览器中直接测试!沪深两市股票列表API接口链接(可点击验证):https://api.mairui.club/hslt/list/b997d4403688d5e66a【实时数据接口】沪深两市实时交易数据接口API接口链接(可点击验证):https://api.mairui.club/hsrl/ssjy/000001/b997d4403688d5e66a1、p......
  • Java程序员如何获取高并发经验?
    现在好点的互联网公司招聘基本都要求有高并发经验,但没有高并发的经验的人感觉只有在好点的互联网才获得高并发经验,这难道不是死循环?没有高并发经验的人如何才能获取高并发方面的经验呢?如何获取高并发经验?其实并不是去了大公司就能获得高并发的经验,高并发只是一个结果,并不是过......
  • 【Linux系列】获取当前目录
     ......
  • 获取加密 URL Link
    获取加密URLLink自2023年12月19日起,对URLLink进行升级,详细调整说明可见《URLScheme和URLLink优化公告》。改动点概览如下:1.支持开发者在原有加密URLLink后面拼接参数;2.取消URLLink一人一链的限制,支持同一条连接被多名用户访问;3.每个小程序每天URLSche......
  • 获取 URL Scheme
    获取URLScheme自2023年12月19日起,对URLScheme进行升级,详细调整说明可见《URLScheme和URLLink优化公告》。改动点概览如下:1.支持开发者在原有加密URLScheme后面拼接参数;2.新增明文URLScheme,开发者无需调用接口可自行拼接生成明文Scheme;3.取消URLScheme......
  • 获取小程序码
    获取小程序码通过后台接口可以获取小程序任意页面的小程序码,扫描该小程序码可以直接进入小程序对应的页面,所有生成的小程序码永久有效,可放心使用。我们推荐生成并使用小程序码,它具有更好的辨识度,且拥有展示“公众号关注组件”等高级能力。生成的小程序码如下所示:可以使用开发......
  • 获取 Short Link
    获取ShortLink通过服务端接口generateShortLink可以获取打开小程序任意页面的ShortLink。适用于微信内拉起小程序的业务场景。通过ShortLink打开小程序的场景值为1179。生成的ShortLink如下所示:#小程序://小程序示例/示例页面/9pZvnVw3KMCQpVp调用上限Link将......