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

  • CATEGORY : WEB関連

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

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

※20190410追記

以前は、親要素に「letter-spacing」の数値をマイナスにしたものをいれて、小要素で元に戻すというやり方をしていたのですが、AndroidとiOSで字間の差があるので、詰まりすぎたりする現象を確認。「font-size」で調整するようにしました(;・∀・)

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

参照サイト:

記事TAG :


Leave a Comment

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

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

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

PROFILE

MeteorDrive ネコノ

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

詳細情報はこちら

GOODS LIST

UTme!MARKET アイテムリスト

Amazon SEARCH

ENTRY RANKING