javascript - 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 中，这会导致 span 折叠后出现空白区域，因此我得到:“Charlieis really cool.”在其他浏览器中不会发生，我现在可以通过在 span 中放置一个   来解决这个问题，但感觉就像一个大 hack。

有没有更好的方法来处理这个问题？

此外，如果需要，这里有一个在 IE 7 中运行的实例:http://jsfiddle.net/rxAK4/ .

Answer 1

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