Internet Explorer 7在空跨度上折叠空白区域，如何防止这种情况？

Question

我有以下标记：

<div><span class="first-name"></span> is really cool.</div>

在页面加载后由AJAX / JavaScript填充：

$(function () {
    $.get('/get-data', function (response.) {
        $('.first-name').text(response.name);
    });
});

在IE中，这导致跨度崩溃后的空白区域，所以我得到：“Charlieis非常酷。”在其他浏览器中不会发生这种情况，我现在可以通过在启动器的范围内放置一个&nbsp来解决它，但这感觉就像一个大黑客。

有没有更好的方法来解决这个问题？

此外，如果您需要，这是在IE 7中运行的实例：http://jsfiddle.net/rxAK4/。

Answer 1

我常常发现 非常方便，因为我对是否会显示我想要的空间有任何疑问。我在这里使用它不会有任何问题。