为什么要在我的美化 pre 标签中添加空格？答案

【问题标题】：Why is white space being added to my prettified pre tag?为什么要在我的美化 pre 标签中添加空格？
【发布时间】：2014-02-16 04:05:56
【问题描述】：

当我将（从 sublime 文本复制的）代码粘贴到“contenteditable”预标记中时，它看起来很好。当它被保存到数据库中时，拉回并添加了“prettyprint”（google-code-prettify）类，它似乎添加了一堆随机空格。任何想法为什么？

【问题讨论】：

如何保存？例如，该代码与 WP 存在问题。
父 div 像这样发布到服务器：$.trim($('.post-body').html())。预标签和内容显示为从数据库中检索后粘贴的内容。只是加了类的时候，好像乱七八糟的。
确保你的 CSS 池是干净的，的规则或者漂亮的类名会破坏东西......
这并不能告诉我很多。并且发布图像而不是代码在某种程度上阻碍了我；）您从服务器 byte 获取的 byte 代码是否相同？或者是否有细微的变化（零宽度空格、花哨的引号等）。
嗯，您在它们之间发布的内容中没有空格，只有标签。如果您使用浏览器开发人员工具检查这些跨度，它们是否应用了任何规则，例如应该应用的边距或填充？在我看来，问题应该在 CSS 的某个地方找到。简而言之：就像已经提到的 dandavis。

【解决方案1】：

从使用制表符缩进而不是空格缩进的 Sublime Text 复制的代码会生成带有错误间距的结果 pre 标记。这可能是 Sublime Text 或 pre 标签如何处理选项卡缩进的问题，谁知道？

修复：

检查“使用空格缩进”的位置，然后单击“将缩进转换为空格”。

【讨论】：