CSS – Centrar Vertical y Horizontalmente un Elemento

Publicado por Iván Gajate el 14 de octubre de 2014 en css

Hay otras formas para centrar un objeto en pantalla, pero esta me resulta la más cómoda.

position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
display: table;

Es importante el display table para que lo centre verticalmente.

Ejemplo en JSfiddle

Lo bueno, es que no necesita tener un tamaño especificado para funcionar bien.
Por supuesto se puede usar para centrar solo verticalmente.
Gracias Irene! 🙂

 

Categorías: css
Etiquetas: , , , ,

Entradas Relacionadas

Un comentario para “CSS – Centrar Vertical y Horizontalmente un Elemento”

  1. Iván Gajate dice:
    18 de noviembre de 2014 a las 2:41

    Y aquí un ejemplo con todos los casos posibles

    http://css-tricks.com/centering-css-complete-guide/