mamekoji https://blog.hatena.ne.jp/mamekoji/ mamekojiの日記 https://mamekoji.hatenadiary.org/ inline-blockを使ったときに勝手にできる余白の解消。1.親要素にletter-spacing:-1em;2.親要素にfont-size:0; 1.親要素にletter-spacing:0;を使ったところ、 PCでの表示は問題なっかたけれど、 スマホ(iPhone/Android)では要素の配置がうまくいかなかった。 ※横に2つ並んだimgとimgの間のスペースが無視されたり 2つ並んだimgが画面の中央に配置されなかったり… 幅計算をミスったみたいな見た目になった で、2.の方に切り替えたらうまくいきました。 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmamekoji.hatenadiary.org%2Fentry%2F20180824" title="inline-blockでできる隙間調整 - mamekojiの日記" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2018-08-24 00:00:00 rich https://mamekoji.hatenadiary.org/entry/20180824 1.0 100%