画像の下に余白ができる

画像の下に何故か余白があって困ったことありませんか?

画像はインライン要素ですので、特に指定をしないと配置されるのはベースラインになります。

なので以下のように指定すると余白が無くなります。

img{
 vertical-align: bottom;
}
display:blockでも良いですが、text-alignなどが効かなくなるのでこれが便利です。

カテゴリ:CSS 投稿日時:2016年4月19日 15:38


コメント

コメントはまだありません。

コメント投稿

ご自由にコメントください!
※一度投稿すると削除できませんのでご注意ください。管理者の独断と偏見で削除する場合があります。コメント機能は予告なく停止する場合があります。

ニックネーム

コメント

カテゴリ

新着備忘録

iphoneで入力フォームを選択すると画面が拡大されてしまう問題

iphoneで入力フォームを選択すると画面が拡大されてしまう問題を解決する方法

絵文字をデータベースに保存する

さくらインターネットで絵文字をデータベースの保存する方法です。

CakePHP3 常時https化

CakePHP3で常時https化する方法

画像アップロードフォームで、スマホから画像選択してプレビュー表示すると、画像が横になってしまう問題

画像アップロードフォームで、スマホから画像選択してプレビュー表示すると、画像が横になってしまう問題の解決方法です。

CakePHP(v2)で「https://ドメイン/ユーザーID」で各ユーザーのプロフィールページを作る方法

CakePHP(v2)で「https://ドメイン/ユーザーID」で各ユーザーのプロフィールページを作る方法です。