backgroundの高さが合わない時は、line-height: 1;を入れてみる

こんにちは、tanaka です。

バックグラウンドの高さが
padding
で入れた数値よりも大きい気がする。

そんなことはありませんか?

その中に
文字が含まれている場合は

可能性の一つとして
line-height(行間)
を疑ってみてください。

まずは、
line-height: 1;
を入れて様子を見てください。

上手くいけば
それが原因でしょう。

それでは詳しく見ていきましょう。

<コピーペーストについて>

コードをコピーする際は
灰色で四角く囲まれた所を使用してください。

<i class="fas fa-check-circle"></i>
スポンサーリンク

説明

行間は
バックスクリーンの高さに含まれます。

そして、
行間のデフォルト値は0ではありません。

なので、
line-height: 1;
様子を見てください。

それで正常な高さになれば
問題解決です。

line-height
についての詳しい記事を用意しました。
よければご覧ください。

まとめ

バックスクリーンの高さに
行間が含まれている可能性があります。

line-height: 1;
を入れてください。

さらに、
cssの初期化へ
line-height: 1;
を、入れてしまっても良いでしょう。

cssの初期化について記事を用意しました。
よければご覧ください。

以上、
バックグラウンドの高さが入れた数値より大きい(html,css)
の説明でした。

ありがとうございました。

タイトルとURLをコピーしました