親がpaddingを制御する

例えば、こういうレイアウトがあったとする

https://gyazo.com/616c89fdd884558450a046f5f91080db

これの構造は以下のどちらにするのか、またその理由は何か

わかりやすさのため適当な色を付けている

① x方向のpaddingは各子供が持つ

https://gyazo.com/074a91bfee80b0ac3faa5f1fcfde2641

② 親がxy両方のpaddingを指定する

https://gyazo.com/803684e9693aef78eb5561a722bb35f9

統一できる

結論

普通に、②を使用する

親が、自分自身のpaddingを全て制御する

①のほうが優れていそうな場面ではどうするか

例えば、それぞれの子供でx方向のpaddingが異なるようなレイアウトをしたい時

例えば、上の例なら、少し短めの水平線を引きたい、といった場合

その場合は、②のやり方で、paddingを指定しながら、その子はmarginを指定する