如何让 HTML 在段落中读为空 space？

Question

我正在尝试在我的网站中包含一些 ASCII 艺术作品。这是我的代码，如我的编辑器（括号）所示：

<!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

您需要将空格替换为  

Answer 2

使用 <pre> 标签。检查一下：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre

Answer 3

按住“Alt”键的同时，在数字键盘上输入数字键255，这应该会打印出一个不可见的字符；这应该可以解决您的问题。

如何让 HTML 在段落中读为空 space？

How can I make HTML read empty space in a paragraph?

html

ascii-art