余分なスペースを削除

リスト表示をインラインブロックで
表示させた場合のリスト間の微妙な
スペースに悩まされた挙句、
ようやくこちらのサイトにたどり着きました。

Fighting the Space Between Inline Block Elements

例えば

  • メニュー1
  • メニュー2
  • メニュー3

のようにしたいのに、

  • メニュー1
  • メニュー2
  • メニュー3

とメニューの間が正体不明なスペースが
挿入されてしまう場合は


ulをfont-size:0pxとしてあげると以下のようにリスト間のスペースが削除されます。

予めリストのフォントサイズが無指定だとulのフォントサイズを0にした時にリスト内のフォントサイズも合わせて0になりますので注意して下さい。

  • メニュー1
  • メニュー2
  • メニュー3

コメントを残す

メールアドレスが公開されることはありません。

必須コメント
必須お名前
必須URL

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