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. abandonar와 다음 쉼표 사이에 공백이 필요하지 않습니다. (하지만 sense_unit 안에 쉼표를 넣고 싶지는 않습니다.) 어떻게 할 수 있습니까? (abandonar, friend ... -> abandonar, friend ...)

Answer 1

이것은 CSS와 관련이 없으며 올바른 형식의 XML과 관련이 있습니다. XML의 모든 줄 바꿈은 요소로 간주되므로 해당 줄을 만듭니다. 줄 바꿈을 모두 제거하면 해당 줄은 사라집니다.

업데이트 jsFiddle<entry>

내에서 줄 바꿈과 공백을 모두 제거한 예