余分なスペースを削除
公開日:2018年02月04日 最終更新日:2018年02月04日 CSS 備忘録
この記事は最終更新日より1年以上経過しています。

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

Fighting the Space Between Inline Block Elements

例えば

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

のようにしたいのに、

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

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


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

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

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

コメントはお気軽にどうぞ

メールアドレスは公開されませんのでご安心ください。
また、* が付いている欄は必須項目となりますので、必ずご記入をお願いします。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

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