liを1行に書く
- 1
- 2
- 3
コメントタグの中で改行する
- 1
- 2
- 3
ulのフォントサイズを0にする
- 1
- 2
- 3
em指定の時はフォントサイズを0にするテクニックは使えない
- 1
- 2
- 3
rem指定はルートから計算するのでフォントサイズを0にするテクニックが使える
- 1
- 2
- 3
キーボードのF12キーを押して開発者ツールを起動すると、ページを再読込するまでCSSを一時的に変更することができます。
CSSの数値を変えるとどのように変化するのかを、お試しください。
HTMLの中でインライン要素またはインラインブロック要素に変換したli
とli
のあいだに改行があると余白ができます。
余白のあるデザインのときはmargin
を少し減らすなどすれば対応できますが、li
とli
がぴったりとくっついた余白のないデザインでは使えません。
しかし、HTMLをやCSSを工夫することで余白を消すことができるので、その方法を3つ紹介します。