是否有可能在纯CSS中绘制（显示）空白（缩进）？

Question

是否可以通过用CSS中的字符替换它们来显示空格或制表符？

转过来

    $code = "x";

到

⋅⋅⋅⋅$code = "x";

或

    $code = "x";

到

→$code = "x";

（或类似的东西）。

Answer 1

您可以使用将空格显示为点的字体，将制表符显示为制表符。

Answer 2

您无法设置textnode的样式。你不能设计其中的一部分，只有<p>这样的真实元素。

我知道你不想使用JS，但是对于任何可能阅读此内容的人来说，这是一种可能性。

您可以使用正则表达式替换JS中的字符，该表达式捕获每种形式的空格并用字符替换它，对于制表符也是如此。

$('p').html($('p').html().replace(/ /g,"_"));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>&nbsp;&nbsp;test me </p>

$('p').html($('p').html().replace(/ /g,"_"));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>&nbsp;&nbsp;test me </p>