有效地修改 HTML 中的空白显示：

Question

我们的网站已经发展了一段时间。几千行 HTML。我们想改变处理空白的方式。

当内容从数据库返回时，我们希望在该内容中保留空格（例如，显示单词之间是否有多个空格）。

我们不能全局应用 { white-space: pre } -- 有很多我们不想想要保留的空白。当我们尝试时，这完全破坏了网站。

我们可以使用 { white-space: pre } 创建一个 CSS 类，并将其单独应用于渲染内容的每一位，但这将有成百上千的变化。我们希望避免这种情况。

还有其他聪明的方法来解决这个问题吗？有没有人处理过类似的事情并找到了一种有效的处理方式？

Answer 1

您可以在从数据库中获取数据后在服务器端处理数据，将其包装在 <pre> 标记中，或者用等效的 HTML 替换空格，例如 <br> 和  。