css - 变换点中的空间

Question

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

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

变成这样的东西：

{. . . . function(){}

关键是在代码块中显示不可见的字符。

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

Answer 1

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

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

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