soy Kseso y esto EsCSS

Sencillo y breve: en el Flexbox margin: auto también centra en la vertical

Doble centrado, en x e y, con margin: auto; en el flexbox

Sencillo y breve: en el Flexbox margin: auto también centra en la vertical

·Por Kseso ✎ 3
En el Flexbox margin: auto también centra en la vertical

Por un tuit de @LeaVerou me llega esta nueva forma de conseguir el doble centrado, tanto en horizontal como vertical.

Sencillo y, a estas alturas, práctico totalmente. Posíblemente la forma más simple y que menos código necesita de todas las formas posibles de lograr el doble centrado.

body { display: flex; min-height: 100vh; margin: 0; } h1 { margin: auto; }

Sólo este Css basta:

See the Pen doueble centered with margin: auto; on flex by Kseso (@Kseso) on CodePen.

avatar del Editor del blog

Ramajero Argonauta, Enredique Amanuense de CSS.
#impoCSSible inside
Dicen que, en español, EsCss es el mejor blog de CSS. Posíblemente exageren.
@Kseso EsCss Don Kseso Kseso