html - 表のセル内にある pre タグのコードが見栄えが悪いのはなぜですか?

Question

html を使用して、別のプログラミング言語への独自のクイック リファレンスを作成しようとしました。リファレンスでは、セル タグ内にある pre タグ内にコード スニペットを配置しようとしました。

まず、このようなhtml、そしてコードはひどいものに見えます

                <td>
                    <pre><code>if (..){

                    } else {

                    }</code></pre>
                </td>

pre次に、タグのインデントをすべて削除して問題を修正しました

                    <td>
<pre><code>if (..) {

} else {

}</code></pre>
                    </td>

この写真は違いを示しています。最初のセルは美しいインデント html で書かれていますが、他のセルは醜いインデント html で書かれています。原因が分からないのですが、解決方法があれば教えてください。