Flex einmitten
Code Sources Icon Code Sources Icon


Der Quelltext wurde erfolgreich in die Zwischenablage kopiert.
HTML Elemente

Beschreibung

Body: Um ein Element horizontal und vertikal zu zentrieren wird der "body" wird als Flex-Container "display:flex;" verwendet. Die Ränder Margin und Padding werden auf 0 gesetzt. Die Höhe wird dem Browserfenster angepasst (auch wenn es so aussieht, nimmt der Body die Höhe seines Inhalt an, nicht die des Browserfensters). Die CSS-Eigenschaft "height:100vh;" gibt dem Body die Höhe des Browserfensters (View-Height).

Div-Element: Es kann eine beliebige Grösse (Pixel oder Prozent) haben. Vertikal wird es mit "margin:auto;" zentriert, dabei wird rechts und links der gleche Aussenrand erzwungen. Horizontal wird die Flex-Eigenschaft "align-self: center;" verwendet.

DB-Table: flex-einmitten