inlune-blockの改行による空白をなくす

Yukimi Sato 142views 更新:2014年9月9日

参考:display: inline-block; による隙間を消すCSS完全版

html { font-size: 100%; } //設定されていなければ設定する
ul, li { margin: 0; padding: 0; list-style: none; } //該当するul、liだけで平気
ul { background: gray; letter-spacing: -1em; word-spacing: -1em; }
:root ul { font-size: 1px; letter-spacing: -1px; word-spacing: -1px; }
li { background: silver; display: inline-block; font-size: 1rem; letter-spacing: normal; word-spacing: normal; *display: inline; *zoom: 1; }

liの「font-size: 1rem;」は100%のままであればそのままで、ほかのサイズであれば適宜調整が必要です。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません