閉じる
閉じる
閉じる
  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. Youtubeを最背面に設置する方法

  2. 長いURLや半角英数字などを自動改行(折り返し)させる方法

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

  4. 代表的なデバイスの画面サイズ

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

  6. 不要なスクロールバー非表示

コメント

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

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

CAPTCHA


ピックアップ記事

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