Centrando verticalmente IV: CSS Grid

18/Dic/2017 674

Con CSS Grids a la vuelta de la esquina en cuanto a soporte cross-browser, podemos ya considerarlo para centrar horizontal y verticalmente. De todos los artículos escritos anteriormente esta es lejos la manera más simple y fácil de lograr centrar un elemento respecto de su contenedor.

HTML:

<div class="container">
  <p class="centered">Centrado con CSS Grid</p>
</div>
.container {
  height: 100%;
  display: grid;
}
.centered {
  margin: auto;
}

Comentarios

  1. Felipe [#]

    me funciono perfecto, gracias!

  2. Jaime [#]

    Lo terrible es que no es soportado por ciertos navegadores viejos que odio

  3. Fabio [#]

    Anduvo perfecto. Muchas gracias, muy útil.

CSSLab