javascript - 有没有一种方法可以在 Javascript/HTML5 中测量字符串的宽度(呈现时以像素为单位)

Question

似乎我可以创建一个包含该字符串的空 DOM 元素，将不透明度设置为零，显示它，然后测量元素的宽度，但这看起来真的很 hack-y。我想知道是否有更好的方法。有任何想法吗？

编辑:我需要在呈现到屏幕上时以像素为单位的宽度，而不是字符数:)

Answer 1

你是指像素宽度吗？不，没有简单的方法可以在没有浏览器呈现的情况下在 Javascript 中预测它。这在很大程度上取决于浏览器选择的字体、字体大小(如果用百分比或 em 设置可能会受到继承的影响)、字母间距、元素填充等令人作呕。

您提出的在浏览器中呈现它的解决方案，即使不透明度为零或 visibility:hidden(感谢评论者)也是我认为的最佳方式。