如何格式化 html 代码以具有缩进和自定义间距答案

【问题标题】：How do I format html code to have indents and custom spacing如何格式化 html 代码以具有缩进和自定义间距
【发布时间】：2015-07-08 14:23:47
【问题描述】：

我有一个显示 XML 代码的模式。如何格式化文本以使其具有适当的间距和适当的换行符？本质上，我想美化 xml。我有一个显示信息的 plunkr：

【问题讨论】：

【解决方案1】：

如果你添加你的css：

prettify {
  white-space: pre;
}

prettify > .pln:first-child {
  display: none;
}

这将显示您的 XML 格式正确。

【讨论】：

【解决方案2】：

您的代码删除了内部 <pre> 标记，

要么用 pre 包围 prettyfy，要么在 prettyfy 上使用一些 fance css

【讨论】：