• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:CSSのliタグで画像との間に空白ができてしまいます。)

CSSのliタグで画像との間に空白ができてしまいます

このQ&Aのポイント
  • CSSのliタグを使って画像との間に空白ができてしまう問題について解決方法を教えてください。
  • WebページのCSSでliタグを使用して画像を表示している際に、画像と画像の間に2px程度の空白ができる問題が発生しています。
  • CSSのmarginとpaddingを0に設定しても、liタグの直下にある画像と画像の間に空白ができてしまいます。この問題を解決する方法を教えてください。

質問者が選んだベストアンサー

  • ベストアンサー
  • 345itati
  • ベストアンサー率48% (795/1639)
回答No.2

レイアウトの為にリストのulを使うのは不自然かもしれません(本来の目的から外れているし 配置をいじりたいのであれば、ボックスを使って、画像自体に余白を入れないように記述した方がスマートだと思いますが。

dream_cats
質問者

お礼

ありがとうございます。 おっしゃるとおりです。 頭が固すぎました。 ボックスでレイアウトします。

その他の回答 (1)

  • 345itati
  • ベストアンサー率48% (795/1639)
回答No.1

単純に <ul><li><img src="aaa.gif"></li><li><img src="bbb.gif"></li><li><img src="ccc.gif"></li></ul> と、ソース上で改行しなければいいのでは?

dream_cats
質問者

お礼

ありがとうございます。やってみましたが、そういう問題ではないようです。