Question

处理我的代码我发现了我的项目的一个功能问题：代码预览。我在其中打开一个包含代码的文件，然后读取所有带有数组的行。

这是代码： Main.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上打印时，它没有空格。

P.S。我也尝试过打印直线，但它与打印线相同

Answer 1

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

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