如何让 HTML 读取段落中的空白区域？答案

【问题标题】：How can I make HTML read empty space in a paragraph?如何让 HTML 读取段落中的空白区域？
【发布时间】：2015-02-25 16:21:26
【问题描述】：

我正在尝试在我的网站中包含一些我的 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 艺术看起来很糟糕。

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

【问题讨论】：

标签： html ascii-art

【解决方案1】：

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

【讨论】：

<pre></pre> 是要走的路

【解决方案2】：

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

【讨论】：

太棒了！你从哪里学来的？甚至可以在我的 ancient PC 上使用！
@Kslkgh 创建角色地图已经很有意义了。我什至知道有些人将空格键重新映射到该角色。

【解决方案3】：

您需要将空格替换为&nbsp;

【讨论】：