質問: cssのリストタグについて 下記のソースのようにリストタグに画像を並べます。 ここまではいいのですが、firefoxなどブラウ上で文字サイズを大きくすると画像の上下に余白が出来てしまうのは何ででしょうか。。 * ![](/) * ![](/) * ![](/) * ![](/) * ![](/) あるサイトのソースを見るとliタグににfont-size:1px;を指定されていました。コレでも解決するのですがこのやり方は良いのでしょうかね。。 質問の内容がわかりにくい時は「わかりにくい!」と言ってください。。
回答: ブロックレベル要素は分かりますか? http://members.jcom.home.ne.jp/pctips/www/bandi.html ulやpタグはブロックレベル要素なので、改行され、上下に余白が出来ます。 これをスタイルシートで0や好きな値にしてやればいいわけです。 たとえば、 ul { margin: 0 0 0 0; padding: 0; } このように指定してください。marginとpadding等の違いは、↓を参照してくださいね。 http://www.tagindex.com/stylesheet/box/margin.html この辺が参考になりそうです。 http://www.tagindex.com/stylesheet/list/margin_padding.html http://www.seiai.ed.jp/t2000/htm3/h08b01.html 余白をなくすためにfont-size:1pxにするのはどうかと思いますが...私ならしません。 http://ameblo.jp/css-memo/entry-10015208240.html こんな記事も見つけました。 もし試してみてダメだったらごめんなさい^^;