javascript - Jquery width $(el).width() 似乎在这里失败

Question

http://jsfiddle.net/3BFGU/27/

有谁知道为什么包含文本“ABC”的跨度的宽度返回 0。

1) 仅在 Firefox 中发生。2)如果我删除两者之间的跨度，它工作正常。 (http://jsfiddle.net/3BFGU/30/)

Answer 1

不确定为什么 - 这可能是一个错误；然而，...

默认情况下，Span 不应该有任何宽度属性，当然它们最终会在浏览器呈现后有。你可以做的是使它们成为 block 状元素，这应该可以解决它:

span { display:inline-block; }

---

编辑:

其他有趣的事情是，如果您删除 ABC 跨度和它的包装器之间的所有空白，它将正常工作。这可能与空白和环绕有关。浏览器可能无法给出宽度，因为容器可能从一行开始到另一行结束。这或许可以解释为什么将其设为 block 可以解决问题，因为将容器设为 block 可以将整个容器保持在一起。