• imgの下に隙間ができる時にline-height:0;で都度対応していますが、
    隙間もイミフで対応しているリセットCSSも見たことがありません。
    皆さんどうしてるんでしょうか?
返信の受付は終了いたしました。
  • ソースは出せませんが、resetやnormalizeで普通にあると思いますし、なければ自分でresetに追記すればいいだけじゃないですか?
  • vertical-align:bottom で対応しなされ。デフォルトはbaseline だから、欧文フォントのディセンダー分浮いてるという事だろう。
  • インラインのまま使うことの方が少ないので、display:blockしてる
  • 返信先: @nEbsFlさん うわー、このやり方やだなー
    保守で見かけるとめんどくさいやつだ。
  • 返信先: @mszv6eさん blockにしたらtext-align効かなくなるじゃんてね...
  • 返信先: @nEbsFlさん 僕はblockでの利用はありだと思うなあ(やってないけど
    ようは一貫性があるかどうかだけだから、どっちでもいいと思う
    tex-align効かないのは、どうとでも解決できるので、問題にすらならないかと。

    img {
    margin-inline: auto;
    width: max-content;
    }
  • 返信先: @6T6Upqさん みんな分かってますよ...
    inlineだったら親のdivなんかからtex-alignかけても効きますよね
    「vertical-align:bottom」かければいい話なのに、blockにしてまでする意味が無いような気がします。
    (どっちの方法でも間違いではないですが)
  • 返信先: @Gg9HUlさん > blockにしてまでする意味が無いような気がします。
    僕もまったくその通りだと思います
  • スレ主(PPnzpS)2022年9月15日
    返信先: @6T6Upqさん あります?
    余計な追記して別の影響が出たらイヤじゃないですか?
  • スレ主(PPnzpS)2022年9月15日
    返信先: @G0Dm.Zさん おお~imgにこのやり方で余白無くなりました。ありがとう!
  • 返信先: @PPnzpSさん CSSとは他人に管理してもらうものじゃなくて、自分で管理するものですよ。
    少なくとも、出来上がってるサイトに対して、途中からresetを変更することはありえません。自分でCSSを管理できるようになってから、web制作に挑戦してみてください。
  • 返信先: @mszv6eさん 心情的になんか気持ち悪いのはわかるけど、保守でめんどくさくなるとはどういう場合?