html - ページの終わりに達するとタブ文字がトリミングされます

Question

私はこのhttp://jsfiddle.net/9cRpe/のような状況にあります。ページの最後に到達すると、＆＃09文字（htmlのタブ文字）がトリミング/削除されていることがわかります。タブがトリミングされないようにcssで変更できるものですか？達成したい結果については、添付の画像を参照してください。ありがとう

Answer 1

 5つのインスタンスを試してください&#09

Answer 2

空白: プレラップ;

MDN ドキュメント

編集：わかりました、私はばかげた答えをしました。

[Tab] 文字は「ここにn 個のスペースを挿入する」ように設計されていないと思います。代わりに、次のシナリオを検討してください。

--->コード

//->コード

[タブ]を[スペース]に変換しない限り、多くのIDEでこれを見ることができます。[Tab] 文字は「次の文字を次のタブ位置に移動する」という意味だと思います。

そのため、「次の文字が次のタブ位置に既に配置されている」ため、目的のスペースが表示されません。

次の 2 つのフィドルを比較してください: http://jsfiddle.net/9cRpe/1/、http://jsfiddle.net/9cRpe/2/、

最初の "===>" の前に追加したスペースに注意してください。最初の "<===" は移動しません ---- 常に最初の行の "tab" 単語に揃えられます。

今は解決策が思い浮かびませんが、以前の愚かさをカバーしたいので、これらのことを書きます.