JS计算任意字符串宽度
<!DOCTYPE html>
<html>
<head>
<script src="jquery-1.8.3.min.js"></script>
</head>
<body>
<div id='labelText' style='color:black;line-height:1.2;white-space:nowrap;top:0px;left:0px;position:fixed;display:block;visibility:visible;'>
</div>
<script>
var str="12,,009sss啊啊";
str = str.substring(0,str.length);
$("#labelText").css({
"font-size": "12px",
"font-family": "Microsoft YaHei"
}).html(str);
var width = $("#labelText").width();
alert(width);
</script>
</body>
</html>
转：https://blog.csdn.net/song_litao/article/details/84901565?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~aggregatepage~first_rank_ecpm_v1~rank_v31_ecpm-2-84901565.pc_agg_new_rank&utm_term=css%E8%AE%A1%E7%AE%97%E5%AD%97%E7%AC%A6%E7%9A%84%E5%AE%BD%E5%BA%A6&spm=1000.2123.3001.4430
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 上周热点回顾（3.3-3.9）
· winform 绘制太阳，地球，月球 运作规律