html - 如何在浏览器中显示带有保留空白/预格式化文本的 XML？

Question

我希望创建一种简单的 xml 语言来格式化我必须编写的报告，类似于

<?xml-stylesheet href="./report.css"?>    
<report>
<title>A Tale of Two Cities</title>
<author>Charles Dickens</author>
<code>
int main (int argc, char **argv)
{       
    int x = 5;
}
</code>
</report>

在哪里report.css看起来像

title { 
    font-family: serif;
    background: white; 
    color: #003 
}

author { 
    font-size: large;
    margin: 1em 0 
}

code { 
    font-style: italic 
}

等问题是，我真的需要在一些标签中保留空格，比如 code .在 html 中 <pre>标记执行此操作，但我找不到 xml 的任何模拟，并且我的浏览器在呈现 xml 文件时会抛出所有空格。 <code xml:space="preserve">没有解决问题(据我所知，因为这不是纯文本节点)。是否有希望让浏览器正确显示它(之后我可以将其打印为 pdf)？或者以其他方式生成漂亮的报告？还是我应该改用 LaTeX？

Answer 1

HTML pre 标签的 CSS 对应物基本上是 white-space: pre 以及设置等宽字体。在设置 XML 样式时，您还需要根据需要设置 display 属性，当然，这是为了防止元素默认内联。

code { 
  display: block;
  white-space: pre;
  font-family: Consolas, Courier, monospace;
}