Question

我想在我的网站中加入一些ASCII艺术。这是我的代码，因为它在我的编辑器（Brackets）中显示：

<!DOCTYPE html>
<html>
    <head>
        <title></title>
    </head>

    <body>
         <p style="font-family: Courier New;">
                 _<br/>
                (@)\____________________  _<br/>
                |-|                     \(@)<br/>
                | |                      |-|<br/>
                |-|                      | |<br/>
                |_|                      |-|<br/>
                (@)\____________________ |_|<br/>
                 ~                      \(@)<br/>
                                          ~
        </p>
    </body>
</html>

但是，使用“实时预览”按钮查看它时，忽略它们后面没有任何内容的所有空格，导致ASCII艺术看起来很糟糕。

有没有办法让浏览器读取这些空格？

Answer 1

使用<pre>标记。看看：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre

Answer 2

按住“Alt”键并按住它，在数字键盘上键入数字键255，这将打印出一个不可见的字符;哪个应该解决你的问题。

Answer 3

您需要使用 

替换空格

如何让HTML在段落中读取空白区域？

3 个答案: