javascript - 通过动态更改内容让 IE 尊重您的空白

Question

如果我在 html 中有以下行:

<span></span> wtf

然后我运行 jQuery 语句:

$("span").html("test");

它最终看起来像“testwtf”而不是“test wtf”。在不更改 html 的情况下，我可以做些什么吗？

Answer 1

发生这种情况是因为 IE 正在解释 <span></span> wtf 中的空格成为前导空格，并省略它(并将 HTML 解释为 <span></span>wtf )。因为 IE 对 HTML 的解释与其他浏览器不同，所以我认为除了像

$CONTAINER.html('<span>test</span> wtf')

或更极端的解决方法，例如

if (jQuery.browser.msie) $("span").html("test "); else $("span").html("test");

编辑:初步测试表明$("span").html("test ");本身也足够了。