画像下部の標準で挿入されるスペース (HTML)

画像下部に標準で挿入されるスペースは、マージンやパディングではない。

画像は、インラインブロックボックスで構成されるため、文字や画像と横に並べて表示される。

このとき、画像の下辺が文字のベースラインにそろえて表示されるため、ページラインから下のスペースが画像の下に挿入される。

ベースラインより下のスペースを画像に挿入しないようにするためには、vertical-alignを「bottom」に指定する。

 

なお、HTML4.01やXHTML1.0で作成したページの場合で文字を横に並べずに画像のみを表示した場合は、主要とするブラウザではスペースは挿入されない。

しかし、HTML5で作成したページは、スペースが挿入される。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です