kanonji https://blog.hatena.ne.jp/kanonji/ kanonji’s diary https://kanonji.hatenadiary.com/ css img要素をブロック要素でラップした際の隙間を無くす http://jsdo.it/kanonji/4rxU <div> <img src="http://a0.twimg.com/profile_images/40688552/005_bigger.jpg" alt="example"> </div> レイアウトやデザインの都合で、こんな風にimg要素をdivでラップすると、謎の隙間が出てきます。 div img{vertical-align:bottom;} これはimg要素がデフォルトでは vertical-align: baseline; に位置を合わせるからのようです。 gやqなど、… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fkanonji.hatenadiary.com%2Fentry%2F20101122%2F1290409864" title="img要素をブロック要素でラップした際の隙間 / margin:0 auto;でのセンタリングずれ - kanonji’s diary" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://img.f.hatena.ne.jp/images/fotolife/k/kanonji/20101121/20101121082852.png Hatena Blog https://hatena.blog 2010-11-22 16:11:04 rich https://kanonji.hatenadiary.com/entry/20101122/1290409864 1.0 100%