CSS
CSS3

inline-blockの隙間をなくす

More than 3 years have passed since last update.

ちょっと小言っぽい感じで言うんですが、

display: inline-block;で出来る隙間に

letter-spacing: -.4em;

を書いてなくすという記事をちらほらみて、私もそれで解決していたのですが、

inline-blockをつかってのグリッドシステムを作った際に、アンドロイドだと落ちてしまいました。

どうやらinline-blockの隙間が違うのかな?

とりあえず私は

letter-spacing: -1em; // 値を増やした

にして対応しています。

今のところ崩れは確認出来ていません。

あまり大きいと幅が増えてしまうみたい?

まぁ幅90%で表示してる余白を使ってる感じなので、元が100%だと良くないかも。

ご参考までに。

また意見や提案があればコメントをお願いします。