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>

Webブラウザはこれをレンダリングします：

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. style要素の内容を非表示にしたいのですが、まだ表示されています。
2. abandonarと次のコンマの間にスペースを入れたくありません。（ただし、sense_unit内にコンマを挿入したくありません）どうすればよいですか？（つまり、...放棄、友人...-> ...放棄、友人...）

Answer 1

これは css とは関係なく、整形式の XML とすべて関係があります。XML のすべての改行は要素と見なされるため、これらのスペースが作成されます。すべての改行を削除すると、それらのスペースが消えます。

jsFiddle の例を更新して、改行とスペースをすべて削除しました<entry>