記事へのコメント36

    • 注目コメント
    • 新着コメント
    n314
    仕様変更で背景色が必要になった場合という未来を考えると、背景色を塗りたくない場所がマージン。あとはクリックが反応する範囲外がマージン。

    その他
    akymrk
    “エレメント間を離したい際は、「そのエレメント自体がどのくらい離れたいか」という視点ではなく、なるべく親がレイアウトの責務を負う設計にすると良い”

    その他
    uehaj
    margineというのは斥力なんだと理解。斥力のあるコンポーネントはさぞかし使いづらかろう。tailwind のgrid,gap,col-ぐらいしか理解してないけどこれで世の中わたっていきたい

    その他
    mricopp
    相殺仕様はたまにムカつくから相殺されてる場合は効いてないmarginをなるべく消すようにしてる(無駄努力)

    その他
    eos2323
    昔は要素に「前へならえ」してもらうつもりでやってたけど今はジュラシック・ワールドのミームのイメージでいる

    その他
    yoshi-na
    マージンの上下はbottomを使ってtopは基本は使わないようにしてた

    その他
    sabinezu
    考え方的に少し古くない?コンポーネント自体にレイアウト情報は持たせるべきではないね。相殺とかそんなのは昔のハックみたいなもので素直な考え方ではない。世代が入れ替わるたびにリセットされてる感があるなぁ。

    その他
    matsui
    "余白"と考えれば良いのかも?

    その他
    Lhankor_Mhy
    兄弟間のマージン相殺は納得できる仕様だが、親子間マージン相殺はなんのためにあるのかわからん仕様。しかも、flow-rootで整形コンテキストを作ると相殺しなくなるし。

    その他
    soratomo
    マージンは確かに、他の要素に干渉する点で使い「ずらい」

    その他
    nakag0711
    nakag0711 htmlは本来論文を表現するものだから。そこから流用に次ぐ流用でアプリ画面一般の表現手段になっちゃってるから妙な感じに

    2024/09/22 リンク

    その他
    nekosann_08
    padding/borderを持つ要素、ブロック、謎の空白文字などが何らかの都合で間に突如挟まりmarginが全ツッパし始めて、な、なにィ!?と思う事も減ったなあ。grid/flex及びgapに感謝、ちょっと複雑度高いけど端処理も楽になった。

    その他
    kaz_shu
    margin はコンポーネントの外、 padding は中なので、そのコンポーネントの props には margin は不要。コンポーネントを使う側で制御する。

    その他
    ultimatebreak
    使いたくない理由はあんまり理解できないけど、解決策とまとめの内容は同意

    その他
    deep_one
    マージンは「最低これだけは離れていてほしい」という指定だと思えば疑問が出ない。章の前の空白と段落後の空白が重なったら章の前の空白だけでいい、という指定。/組み方が根本的にあかん気がする。

    その他
    pyagatupa
    「ずらい」が気になって内容が入ってこない派です。

    その他
    shige-u
    flex/gridを使うとその内側のmarginはflex/gridの外には飛び出ないので相殺は働かない。コンポーネントの一番外側の要素にflex/gridを付けておけば良いのでは?またはoverflow: hidden。コンポーネント間の親に任せる。

    その他
    hatfatcat
    hatfatcat marginをマージンとして使って、paddingをパディングとして正しい意図で使えばいいんだけど、両方とも隙間を空けるものという認識で使われると困る。

    2024/09/22 リンク

    その他
    sds-page
    最新のCSSフレームワークは理解できない挙動だらけなので俺にいじらせないでくれー

    その他
    ms05b
    わかる、上下の相殺は本当にクソ仕様だと思う。なんであんな事になってしまったんだろう?

    その他
    neet_modi_ki
    neet_modi_ki コンポーネントにはマージン含めて自身のレイアウト情報は持たせず、親からgridなりでレイアウトしていくのが現代的かなと。

    2024/09/22 リンク

    その他
    aceraceae
    aceraceae margin の本来の意味を考えれば正しい挙動なわけだけど理解しないで使うとハマるんだろうね。

    2024/09/22 リンク

    その他
    toaruR
    悩ましいときがあるよね(´-`)仕方なくマイナスマージン入れてみたり

    その他
    diveintounlimit
    diveintounlimit 仕様を理解できないから使いたくないってのはちょっとなぁ

    2024/09/22 リンク

    その他
    tettekete37564
    ヘェーヘェー

    その他
    Helfard
    Helfard 合理的な仕様のように思えるが。

    2024/09/22 リンク

    その他
    dexia2
    dexia2 単純にコンポーネントはmarginを持つべきではないという点に集約されると思う。それさえ守ってくれれば、使う側で調整すればいいだけなので問題にはなりにくい

    2024/09/22 リンク

    その他
    mayumayu_nimolove
    CSSの使い方が未だ統一されてないのは何でだろ。

    その他
    shoh8
    “マージンが不可解な挙動” はい。本当に全世界的にマージン廃止してほしい

    その他
    nekoline
    nekoline flex/gridが使えるようになって(IEが消えて)marginやpaddingの出番は落ち着いた感じ。それ以前はめちゃめちゃ使ってたからそういう論争が多かった。実際はルール決めとけばそんなに困らない。

    2024/09/22 リンク

    その他

    注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

    アプリのスクリーンショット
    いまの話題をアプリでチェック!
    • バナー広告なし
    • ミュート機能あり
    • ダークモード搭載
    アプリをダウンロード

    関連記事

    私がマージンをできるだけ使いたくない理由 - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure y...

    ブックマークしたユーザー

    • techtech05212024/10/17 techtech0521
    • J1382024/10/02 J138
    • n3142024/10/01 n314
    • lugecy2024/09/29 lugecy
    • nvr3ycbp2024/09/29 nvr3ycbp
    • ttten2024/09/25 ttten
    • mziyut1122024/09/25 mziyut112
    • TempFile2024/09/24 TempFile
    • wushi2024/09/23 wushi
    • boraneko2024/09/23 boraneko
    • vcc2024/09/23 vcc
    • akishin9992024/09/23 akishin999
    • iseebi2024/09/23 iseebi
    • ene0kcal2024/09/23 ene0kcal
    • snowknight07132024/09/23 snowknight0713
    • batta2024/09/23 batta
    • yug12242024/09/23 yug1224
    • yamori04082024/09/23 yamori0408
    すべてのユーザーの
    詳細を表示します

    同じサイトの新着

    同じサイトの新着をもっと読む

    いま人気の記事

    いま人気の記事をもっと読む

    いま人気の記事 - テクノロジー

    いま人気の記事 - テクノロジーをもっと読む

    新着記事 - テクノロジー

    新着記事 - テクノロジーをもっと読む

    同時期にブックマークされた記事

    いま人気の記事 - 企業メディア

    企業メディアをもっと読む