Internet explorer IE中未保留空白的SVG文本元素

我希望在单个SVG元素中保留空白

在IE浏览器之外的所有浏览器中，文本元素中的xml:space=“preserve”属性都适用

  <text x="0" y="15" fill="red" xml:space="preserve">I     love     SVG!</text>

我喜欢SVG！

这是JSFIDLE，试着在Chrome/Firefox和最新的IE中打开这个FIDLE，注意文本元素文本中的空白在IE中没有保留

---

在IE中也可以这样做吗？

我想你可以用

&160（这是unicode字符）

在javascript中，它将被写为\u00A0。
如果您使用d3，那么它可以很好地工作：

.attr("style","white-space:pre")

但是，通过API创建带有空格的文本元素不能使用unicode字符，而是用javascript编写的。我已经更新了答案。这是一个不理想的答案（comeone IE get your act together）-因为现在文档文本搜索可能与内容不匹配，因为正在搜索的字符不再是空格（ASCII 32），而是非中断空格：（也许搜索引擎可以/确实弥补这一点？