css - 如何删除xml中元素之间的自动空格？

Question

有一个这样的xml文档：

<?xml version="1.0" encoding="utf-8" standalone="no"?>
<?xml-stylesheet href="#style" type="text/css"?>
<root>
  <style>
    style {display: none}
    entry {display: block}
    english {font-weight: bold} 
    spanish {font-style: italic}  
  </style>
  <entry>
    <sense_unit>
      <english>abandon</english>
      <spanish>abandonar</spanish>
    </sense_unit>, 
    <sense_unit>
      <english>friend</english>
      <spanish>amigo</spanish>
    </sense_unit>
  </entry>
</root>

网络浏览器呈现这个：

style {display: none} entry {display: block} english {font-size: 10pt; font-family:    "Times New Roman"} spanish {font-size: 9pt; font-family: "Arial"} 
abandon abandonar , friend amigo

1. 我想隐藏样式元素的内容，但它仍然出现。
2. 我不想要放弃和以下逗号之间的空格。（但我不想在 sense_unit 中插入逗号）我该怎么做？（也就是说，......放弃者，朋友...... ->......放弃者，朋友......）

Answer 1

这与 css 无关，而与格式良好的 XML 有关。XML 中的所有换行符都被视为一个元素，因此将创建这些空格。删除所有换行符，这些空格将消失。

更新jsFiddle示例，我在其中删除了所有换行符和空格<entry>