css - この余分な高さはどこから来るのでしょうか?

Question

私は何年もの間毎日CSSを使用してきましたが、これで完全に失われました。

開発中のこのページには、余分な高さが大量にありますが、それがどこから来ているのかわかりません。

誰が何が起こっているのか見ることができますか? ありがとう

score 4 · Accepted Answer

preリストを囲んでいるのはタグです。これにより、マークアップ内のすべての改行が要素間の間隔として表示されます。

preタグを削除してテストしたところ、余分なスペースが削除されましたが、要素がデフォルトのフォントとサイズを使用するようにもなりました。タグの代わりに、コンテンツのfont-familyとを設定してfont-size、必要なフォントとサイズを取得します。pre

score 0 · Accepted Answer

タグは、<pre>書式設定済みのテキストをページに追加するために使用されます。したがって、空白を含め、タグ内のすべてがソースとまったく同じようにレンダリングされます。

適切に書式設定されたテキストを使用していない場合 (この場合は明らかにそうではありません)、<pre>タグを削除し、CSS を使用してフォントを適切に書式設定する必要があります。

score 0 · Accepted Answer

内の各要素は3 つのタグsection.entryで区切られています。それらは空ですが、デフォルトの高さはです。<font>17px

解決：

fontタグを削除します。