閉じる
閉じる
閉じる
  1. wordpressで「致命的なエラーをチェックするためにサイトと通信で…
  2. Adobe Illustrator CC 2018の表示が崩れる
  3. SEO対策としてディスクリプション(descriptionタグ)の最適…
  4. SEO対策としてタイトルタグ(titleタグ)の最適な文字数は
  5. wordpressでプラグインを使わずに画像をランダム表示させる
  6. Illustrator CC 2015で配置画像を収集する方法
  7. デザイン変更しました
  8. WordPressのユーザー権限の日本語表記と英語表記
  9. Thunderbird(サンダーバード)の左側のメールフォルダが表示さ…
  10. wordpressプラグイン「WP Slimstat」を日本語化する方…
閉じる

海の森 SOHOデザイン ブログ

画像の下の余白をなくす

こんにちは。
SOHOデザイナーを目指しているAquaForest-アクアフォレスト-です。

画像を配置した際に、下に余計な空白ができ、レイアウトが崩れる事があります。
色々調べた結果CSSの仕様だということが分かりました!!

解決方法は簡単で、下記のタグをスタイルシートに追加するだけです。
ブラウザや環境によっても余白がでたりでなかったりとありますが、とりあえずこちらを追加しておけば、問題なさそうです。

img { vertical-align:bottom }

これでレイアウトも揃いきれいに表示されます。


関連記事

  1. CSSで最大の高さを設定

  2. CSSで最低の高さを設定

  3. スマホで見た際にwidth100%なのに途中で背景色が切れる

  4. CSSで最長の長さを設定

  5. Google Mapの吹き出しの消し方

  6. favikonの作り方

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


ピックアップ記事

  1. こんにちは。SOHOデザイナーを目指しているAquaForest-アクアフォレスト-です。…
  2. こんにちは。SOHOデザイナーのAquaForest-アクアフォレスト-です。Macで画…
  3. こんにちは。SOHOデザイナーのAquaForest-アクアフォレスト-です。Twitt…
ページ上部へ戻る
Top