【CSSバグ対策】inline-blockの隙間問題の対処方法
- CATEGORY : WEB関連
HTMLコーディングをしてる際に、ついついこの対処方法のコードを忘れて…(;・∀・)
いつもグーグル先生経由で、参照サイトさんのページでコードを確認してるのですが、自分のメモ用に残そうと思いまして。
CSS「display:inline-block」を使って要素を横に並べた際に、隙間ができてピッタリはまらないバグがあります(´・ω・`) その隙間を消す方法になります。
※20190410追記
以前は、親要素に「letter-spacing」の数値をマイナスにしたものをいれて、小要素で元に戻すというやり方をしていたのですが、AndroidとiOSで字間の差があるので、詰まりすぎたりする現象を確認。「font-size」で調整するようにしました(;・∀・)
この方法の情報を公開していただいてる方に感謝!
記事TAG : CSS
スポンサーリンク
スポンサーリンク