html - 标签没有正确格式化换行符/制表符

Question

我目前正在更新网站以提高响应速度/移动设备友好性。除了一个异常(exception)，我的一切都运行良好，<pre>格式化的代码示例。内容由博客引擎提供，区别完全在于主题之间。恢复到原来的主题，一切又恢复正常了。

这里是<pre>的原始显示格式正确的代码示例:

这是 Chrome 看到的底层元素的标记:

然而，更新 CSS 后，pre格式化代码显示不正确，而是这样显示:

在 Chrome 中，CSS 几乎是相同的:

由于新布局/标记的某些原因，我根本无法使格式正常工作，即使应用于 pre 标记的样式实际上是相同的。我试过设置 white-space: pre和 white-space: pre-wrap,在各个层面都没有效果。我添加了自动换行以支持缩小现有内容的大小，删除或添加它都没有效果。我试过更改 display: type ，父容器，改变溢出类型等都没有效果。我就是想不通为什么 <pre>标签似乎忽略了空白设置。

仅供引用，站点链接 is here如果你感兴趣。原创CSS主题is here ，以及新的 CSS 主题 is here .你可以看到一个搞砸的源代码示例 here .

编辑以添加计算出的 CSS 结果，尽管这看起来只是格式上的微小差异:

好/旧计算:

新的/破损的计算:

编辑——解决方案

它最终成为 BlogEngine 主题的 MasterPage 的 Render() 方法，具有从呈现结果中去除空格的逻辑。所以 CSS 和空白是一个转移注意力的问题，没有要去除的空白。

Answer 1

您示例中的格式似乎搞砸了。 whitespace 指令不执行任何操作，因为实际上没有要保留的空白。我下载了你的页面并快速添加了一些换行符和标签。现在前几行看起来正确(就我添加的格式而言):

这是两个版本的 html 文档之间的差异:http://pastebin.com/KTh9BTGi (忽略“文件末尾没有换行符”部分)。也许您在服务器上添加了一些代码来删除换行符和不必要的空格？