空跨度具有高度在Firefox

Question

我有點驚訝的Firefox的奇怪行爲 空跨度有身高：

var height, 
    width, 
    infoText = "", 
    $span = $('<span></span>'); 

$('body').append($span); 
$span.text(infoText); 
height = $span.height(); 
width = $span.width(); 
$('body').append(' height: ' + height); 
$('body').append(' width: ' + width); 

jsfiddle is here

只是Firefox再現（FF版本是27.0）
在Opera中，Chrome和IE的高度= 0

是FF bug嗎？

Answer 1

就在跨度添加以下代碼..

var height, 
    width, 
    infoText = "", 
    $span = $('<span style="display:inline-block;"></span>'); 

現在高度應爲0像素。

Answer 2

默認情況下span's display is inline所以你span添加display:inline-block或CSS像添加此，

span{ 
    display:inline-block; 
} 

Live Demo