html中如何隐藏一段代码

在 HTML 中，我们可以使用 pre 标签来展示一段代码。但有时候我们不想让所有人都看到这段代码，我们需要将其隐藏起来。这时候，可以使用 CSS 来实现。 我们可以在 p 标签中使用 pre 标签来展示一段代码，如下所示：

这是一段普通的文字。

这是一段代码。

这又是一段普通的文字。

如果我们想将这段代码隐藏起来，可以添加以下 CSS 样式： pre { display: none; } 这个样式会将所有的 pre 标签都隐藏起来。如果我们只想隐藏某一个 pre 标签，可以添加一个类名或者 id 来进行区别。比如：

这是一段普通的文字。

这是一段需要隐藏的代码。

这又是一段普通的文字。

我们可以在 CSS 中添加以下样式： #hidden-code { display: none; } 这样，只有 ID 为 hidden-code 的这个 pre 标签会被隐藏起来。 总之，使用 CSS 来隐藏一段代码非常简单，只需要在 CSS 中添加 display:none 的样式即可。当然，如果我们想让这段代码在某些条件下显示，也可以使用 JavaScript 来实现。