使用JavaScript获取以像素为单位的字符串长度

Get string length in pixels using JavaScript

本文关键字：字符串 为单位 像素 JavaScript 获取 使用      更新时间：2023-09-26

我想知道字符串的确切长度，以像素为单位，即"Hello World"。

它不应该是我的集装箱的长度。

有什么帮助吗？？？

将文本放入<span>中，并使用JavaScript测量<span>的宽度。

HTML:

<span id="text">Dummy text</span>

JavaScript:

var textWidth = document.getElementById("text").clientWidth;

jQuery:

$('#text').width();

您可以创建一些内联元素（例如span），将字符串设置为元素的内容（innerHTML），将其插入文档（附加到某个元素）并获取其宽度（clientWidth）。

并没有其他方法可以测量字符串的像素长度，因为它取决于字体样式。

由于字符串的像素长度会根据独立应用的CSS属性（如字体、权重和大小）而变化，我认为这在JS中是不可能的。

相关文章：