HTML中没有空格[重复]答案

【问题标题】：No blank spaces in HTML [duplicate]HTML中没有空格[重复]
【发布时间】：2017-06-21 05:44:24
【问题描述】：

在处理我的代码时，我发现我的项目的一项功能存在问题：代码预览。我打开一个包含代码的文件并读取所有行，我有一个带有这些行的数组。

这是代码：主.py

with open(path.join(files_folder, prj + '.' + file_ext)) as file:
            lines = file.readlines()

然后我在 HTML 中使用 lines 变量： index.html

<ol>
  {% for line in lines %}
    <li>{{ line }}</li>
  {% endfor %}
</ol>

文件内的代码：

while True:
    if 10 > 8:
        print('Hello World!')

问题是，在 Main.py 文件中使用 print(lines)，它会打印出行和空格，但是当我在 HTML 上打印时没有空格。

附：我也尝试只打印行，但它与打印行相同

【问题讨论】：

【解决方案1】：

默认情况下，（重复的）空格在 HTML 文档中会被忽略。如果您想在 HTML 源代码中完全显示空白，请使用 <pre> 标记或 white-space: pre; CSS 样式。

<ol>
  {% for line in lines %}
    <li style="white-space: pre">{{ line }}</li>
  {% endfor %}
</ol>

【讨论】：