inline-blockの隙間をなくす

//inline-blockの隙間をなくす

inline-blockの隙間をなくす

ちょっと小言っぽい感じで言うんですが、
display: inline-block;で出来る隙間に

letter-spacing: -.4em;

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

inline-blockをつかってのグリッドシステムを作った際に、アンドロイドだと落ちてしまいました。
どうやらinline-blockの隙間が違うのかな?

とりあえず私は

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

にして対応しています。

今のところ崩れは確認出来ていません。
あまり大きいと幅が増えてしまうみたい?
まぁ幅90%で表示してる余白を使ってる感じなので、元が100%だと良くないかも。


ちなみに、imgの下に隙間ができる場合はvertical-align: bottom;にするとなくなります。

2015-12-17T15:20:56+00:002015/12/17|Categories: WEB|

コメントする

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください