在jquery中查找文本宽度

Question

我正在尝试以px计算文字宽度。

我将从html中获取一个字符串，此字符串也可能包含一些特殊字符（在此示例中只是一个连字符），并使此字符串成为div的html内容，并计算字符串宽度。

但我的结果很奇怪。

如果有更好的方法来获取文字宽度，跨浏览器！，请告诉我。

我做了一个小提琴：

http://jsfiddle.net/YaPcP/39/

谢谢！

Answer 1

<div>元素设置为跨越其父元素的宽度，因此更改字体大小将不会影响其实际宽度。将<div>更改为<span>可以为您提供所需内容。

Answer 2

将float: left;添加到#holder

#holder是宽度的测试容器，默认为width: auto;。换句话说，它跨越100％的浏览器窗口并为您提供混合结果。

如果white-space: nowrap;超过其容器的宽度，您可以考虑添加#holder。

更新了fiddle

Answer 3

它可能看起来很讨厌但是给你宽度：

http://jsfiddle.net/adaz/YaPcP/43/