css - スペースをドットに変換

Question

次のような空白文字を変換できるようにするCSSトリックはありますか？

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

このようなものに：

{. . . . function(){}

重要なのは、コードブロックに非表示の文字を表示することです。

ただし、一部の要素でスペースをラップしたり、background-imagesなどを使用したりしないでください。

Answer 1

デフォルトでは、連続する空白文字は HTML で 1 つのスペースにまとめられます。preしたがって、最初に複数の連続したスペースを表示するには、または同等のものを使用する必要があります。

CSS は実際には、文字を実際とは異なるものとして表示することを想定していません。しかし技術的には、スペース用のスロットにグラフィック文字を含むようにフォントを編集し、そのフォントを `@font-face' 経由で使用することができます。

ただし、スペースをサーバー側またはクライアント側のいずれかで表示可能な文字に置き換える方がはるかに賢明です。