【CSSバグ対策】inline-blockの隙間問題の対処方法

HTMLコーディングをしてる際に、ついついこの対処方法のコードを忘れて…(;・∀・)
いつもグーグル先生経由で、参照サイトさんのページでコードを確認してるのですが、自分のメモ用に残そうと思いまして。

CSS「display:inline-block」を使って要素を横に並べた際に、隙間ができてピッタリはまらないバグがあります(´・ω・`) その隙間を消す方法になります。

この方法を記述してくれた方の方法だと親要素に「letter-spacing: -.4em;」といれいるのですが、この数字ですとAndroid端末だけ上手くバグ回避できないので(;・∀・)

「letter-spacing: -1em;」で調整しています(´・ω・`)

この方法の情報を公開していただいてる方に感謝!

参照サイト:

記事TAG :


Leave a Comment

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。

PROFILE


MeteorDrive ネコノ

戦略的な提案型デザイナーとして日夜奮闘しています( ゜д゜)ノ

詳細情報はこちら

Amazon SEARCH