删除 pre 和 code 中的填充 - Html

在 HTML 中，pre 和 code 标签可以用于显示预先格式化的文本和代码。这些标签通常用于展示程序源码、命令行输出等等。然而，pre 和 code 标签在默认情况下会保留它们内容中的空格、制表符等填充，这对于展示代码时可能会引起排版问题，因此有时候需要移除这些填充。

以下是几种移除 pre 和 code 标签填充的方法：

使用 CSS

可以使用 CSS 的 white-space 属性来控制在 pre 和 code 中是否保留填充。将该属性设置为 pre-wrap 可以在保留换行符的同时，去掉其他所有填充。代码如下：

pre, code {
  white-space: pre-wrap;
}

使用 JavaScript

可以使用 JavaScript 遍历 pre 和 code 元素并移除其中的填充。代码如下：

document.querySelectorAll('pre, code').forEach(function(element) {
  element.innerHTML = element.innerHTML.trim();
});

使用 HTML 编辑器

一些 HTML 编辑器（如 Sublime Text）可以提供自动移除填充的功能，可以在保存代码时将填充一并清除掉。

以上是几种去除 pre 和 code 标签填充的方法，可以根据个人需求选择不同的方式来实现。