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.
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! 🙂
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/