Flexboxen

[Gunnar Bittersmann]

@@delbor

Ich war mir nicht klar, was das '0' bei der margin-Definition bedeutete, wesshalb ich es eigentlich immer ignorierte.

margin ist die Kurzschreibweise für margin-top, margin-right, margin-bottom, margin-left (oben angefangen im Uhrzeigersinn), kann also bis zu vier Angaben (durch Leerzeichen getrennt) als Wert haben.

Wenn eine Angabe fehlt (von hinten angefangen), wird der Wert der gegenüberliegenden Seite genommen:

• Bei 3 Angaben margin: 1em 2em 3em wäre also margin-left = margin-right = 2em.
• Bei 2 Angaben margin: 1em 2em ist auch margin-bottom = margin-top = 1em.
• Bei einer Angabe sind die Abstände an allen Seiten gleich groß.

Für padding, wo das analog ist, hab ich das mal durchexerziert: Folien ab 88

LLAP 🖖