保留元素中的空间并删除元素XSLT,CSS之间的空白区域(空行)

时间:2014-07-28 15:53:08

标签: html css xml xslt

尝试使用输出html方法转换xml文档,使用xsl样式表(使用CSS)在浏览器中显示。想显示以下代码

 <paragraph> 
 <content>Source                   A</content>
 </paragraph>
 <paragraph>
 <content>Color                       Yellow   </content>
 </paragraph>

as

Source                   A  
Color                       Yellow 

在&#34;来源&#34;之间保留空间和&#34; A&#34;,以及&#34;颜色&#34;之间保留的空间。和&#34;黄色&#34;,但在行之间删除了空格(空行)。我可以做任何一种,例如用前节点包装内容节点,保留元素内的空间,并使用

  <p>
  { margin:0}

删除行之间的空格。但是,我还没有能够同时完成这两项任务。使用各种选项,如空格:pre,xsl:preserve-space,以及许多其他组合,但没有成功。 感谢

1 个答案:

答案 0 :(得分:0)

XSLT保留空白。默认情况下,HTML不会显示它。

使用此CSS指令:

p { 
  white-space: pre;
}

和XSLT是这样的:

<xsl:template match="paragraph">
  <p><xsl:value-of select="content" /></p>
</xsl:template>