javascript - Jquery width $(el).width() はここで失敗するようです

Question

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

テキスト「ABC」を含むスパンの幅が0を返す理由を知っている人はいますか?

1) Firefox でのみ発生します。2) 間にあるスパンを削除すると、問題なく動作します。(http://jsfiddle.net/3BFGU/30/)

Answer 1

理由は不明です - バグかもしれません。でも、 ...

デフォルトでは、スパンには幅のプロパティがありません。もちろん、ブラウザがレンダリングした後、最終的には幅のプロパティがあります。あなたができることは、それらをブロックのような要素にすることです。これで修正されるはずです:

span { display:inline-block; }

---

編集：

他に興味深い点は、ABC スパンとそのラッパーの間のすべての空白を削除すると、適切に機能することです。これは、空白と折り返しに関係している可能性があります。コンテナーが 1 つの行で始まり、別の行で終わる可能性があるため、ブラウザーは幅を指定できない場合があります。コンテナをブロックにするとコンテナ全体がまとまる可能性があるため、ブロックにすると問題が解決する理由を説明できるかもしれません。