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

只需在span ..中添加以下代码即可。

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

现在身高应为0px。

Answer 2

默认情况下span's display is inline所以在display:inline-block中添加span或在 CSS 中添加

，

span{
    display:inline-block;
}

Live Demo

空跨度在Firefox中有高度

2 个答案: