css - 以点为单位变换空间

Question

是否有一些 css 技巧可以让我转换空白字符，例如:

{[SPACE][SPACE][SPACE][SPACE]function(){} }

像这样:

{. . . . function(){}

重点是在代码块中显示不可见字符。

但是它不应该在某些元素中包含空格，或者使用背景图像或类似的东西。

Answer 1

默认情况下，连续的空白字符在 HTML 中折叠为一个空格。因此，您首先需要使用 pre 或类似的东西来查看几个连续的空格。

CSS 并不是真的应该让字符显示为与它们实际不同的东西。但从技术上讲，您可以编辑一种字体，使其在空间槽中包含一些图形字符，并通过“@font-face”使用该字体。

但无论是服务器端还是客户端，用可见字符替换空格会更明智。