html - 空白行のないテーブルにコードフラグメントを配置する

Question

複数の行があり、一部がインデントされているフォーマット済みのコードフラグメントの場合、HTML要素は<pre>です。ただし、これをテーブル内で使用すると、タグを別々の行に配置しなくても、ブラウザーはフラグメントの前後に空白行を挿入します。これを防ぐ方法はありますか？

Answer 1

はい。ブラウザが要素に自動的に適用するデフォルトのパディングとマージンを削除する必要がありますpre。

これを行う<pre style="padding:0; margin:0;"></pre>

これですべての空白が削除されない場合はdisplay: inline;、style属性に追加してください。デフォルトでは使用しますdisplay: block;