Zentrierung von HTML-Elementen

[Rolf B]

Hallo Ryuno-Ki,

Ich hätte jetzt auch mit einem Div-Wrapper und display:grid;place-items:center; horizontal und vertikal zentriert.

Der Vorteil von display:grid; ist, dass Du die Zentrierung einheitlich über *-items hinbekommst. Ob es ein Nachteil ist, für ein div ein 1×1 Grid einzurichten, weiß ich nicht. Ich persönlich würde glauben, dass das Umschalten auf ein spezielles Layoutmodell nicht ganz billig ist.

Es geht aber auch ohne Grid - du kannst für ein div align-content: center; und justify-items: center; setzen und dann wird dessen Inhalt auch zentriert. CSS Box Alignment Level 3 hat einige interessante Funktionen gebracht.

Rolf