HTMLの空白がない

Question

私のコードの作業私のプロジェクトの機能の1つであるコードプレビューで問題が見つかりました。 ファイル内にコードを開いて、すべての行を読み込んでいます。行がある配列を持っています。

これはコードです： Main.py

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

その後、私はHTMLでの変数の行を使用します。

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

：ファイル内のindex.html

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

コードを

問題は、Main.pyファイルのprint（行）を使用して、l inesと空白スペースがありますが、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> 

ここでは例です：https://jsfiddle.net/6dwzhs8b/