Blogの公式キャラクター「パンD」です。HTMLコーディングの時に画像の下に勝手に余白が入る現象の対処法を紹介します。まえがきコーディング作業中に画像の下に謎の余白ができることがあります。その余白を消す方法のご紹介です。画像の下に余白ができる状況1いろいろあると思いますがKoToRiの場合、下記のコードで起こりました。</ul>ブラウザで確認するとこんな感じです。この場合、img要素に「vertical-align」を指定してあげれば無くなります。img{vertical-align:top;}このように指定すると余白が消えます。画像の下に余白ができる状況2上で紹介した事例ともう一つ画像の下に謎の余白ができる状況があります。/>aaa</div>divの中に画像とテキストを直書きするとこうなります。これも上で紹介したように「vertical-align」を指定すれば無くなりますが指定する値が「top」か「bottom」かによってテキストの入り方が違ってきます。状況によって使い分けてください。まとめKoToRiも昔はこういうCSSの問題ですごく躓きました><こういうCSS関連のこともどんどん記事にしていきたいと思います。Blogをご覧いただきありがとうございます。Facebook、Twitterを通じて、皆様と交流していき色んな情報を共有していければな~と思ってます。@KoToRi_blog基本フォロー返します。RSSを登録するRSSはこちらから。Feedly使ってる人はこちらから。マルファン症候群を本物のマルファン症候群患者が徹底解説!マルファン症候群ブログはじめます。私はマルファン症候群です。