株式会社カラフルクローバー公式ブログ

WordPress・HTML・CSS等のTipsを公開しています! 株式会社カラフルクローバー公式ブログ

広告の企画制作の株式会社カラフルクローバー 公式サイトはこちら

*

画像の下に隙間が出来るときは、img要素にvertical-align: bottom;を指定で解決!

      2015/07/13

画像の下に隙間が出来て困ったことはありませんか?
コーディング初心者なら一度は悩んだことがあると思います。

imgはインライン要素である為、通常テキストのベースラインに揃えられて表示されます。
その為、ベースラインよりはみ出た部分が余白として確保される為、隙間が出来てしまいます。

対処方法は至って簡単です。

を指定してあげましょう。

たった、これだけのことなのですが、
知らない場合、marginや、paddingを0にしてみたり、
悩んだりするかもしれません。

 - CSS, SNS

  • このエントリーをはてなブックマークに追加

Message

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

  関連記事

Googleアナリティクスは実践あるのみ。

みなさんこんばんわ 本日学習したのは  googleアナリティクスの試験勉強。 …

スクロール位置調整
内部リンクのスクロール位置をずらす方法

現在、ヘッダー部分等、position: fixed;にて固定したレイアウトの場 …

必殺!手裏剣スクロール
Google Maps 無限スクロール地獄からの脱出方法

そこを行く読者のアナタ,スマホで何を検索することが多いですか? 私は,よく食べ物 …

Facebookの「いいね!」ボタンを「ええやん!」と表示させない方法

Facebookの言語設定が関西弁にも対応し、言語設定を関西弁に変更しているユー …

文字サイズの調整無効
iPhoneやAndroidのブラウザーによる文字サイズの自動調整を無効にする方法

iPhoneやAndroidのブラウザーによる文字サイズの自動調整を無効にする方 …