インライン コンテンツの上下のスペースは何ですか?
ここに表示:
http://jsbin.com/vertical-spacing-weirdness/
div/table と span の間の領域が白で表示されます。ただし、スパンにはパディングやマージンがありません。
興味深いことに、移行用の Doctype を使用すると、このスペースはなくなります:
http://jsbin.com/vertical-spacing-weirdness/2/
Firefox では、4 で割り切れるピクセルの font-size 値 (4px、16px、20px など) を使用すると、スペースがトランジショナルに表示されることに注意してください。
編集-解決済み/理由
さて、ここでの問題は、フォントサイズが親 (div またはテーブル) と子 (スパン) の間で同じではないことです。厳密な doctype スタイリングはより理にかなっています。これは、スパンではなく div 内のテキストに対応するために、とにかく div の高さを変更する必要があるためです。したがって、次の両方の例で、div は同じ高さになります。
<div>text<span>...</span></div>
<div><span>...</span></div>
トランジショナル スタイルでは、div は必要なだけ大きくなり、2 番目の例では、div の font-size のサイズの文字がないため、スパンの font-size に一致する高さしかありません。
ただし、フォントサイズが 4 の倍数である Firefox の不具合は依然として奇妙です。
23.0.1( & 毎晩テスト: 26.0a1 (2013-08-31))
十分に説明したかどうかわかりませんが、説明が必要な場合は質問してください。