El centrado vertical en Css es imposible... ¡LoL! 24.10.14
Una demo con cuatro formas diferentes de centrado vertical con puro css.
El centrado vertical en Css es imposible... ¡LoL!
No son pocas las veces que, hablando de centrar verticalmente, se leen expresiones como que es algo imposible, demasiado complejo y difícil de lograr. Que es un aspecto que la especificación ha descuidado o que no facilita...
Los hay incluso que hacen chistes, con más o menos éxito entre los parroquianos, como que hemos puesto al hombre en la luna pero no hay una forma sencilla de centrar verticalmente con Css
.
Bueno, si eres de los que has descubierto y tienes entre tus favoritos el artículo Centrando al centro con Css: Todas las formas conocidas para hacerlo
todo lo anterior te hará como poco sonreír. Porque sabes que no es que sea imposible, sino que hay un montón de formas distintas de hacerlo. Sólo tienes que saber qué es lo que quieres centrar y respecto a qué.
Así que como en ese artículo tienes explicada cada una de las posibles formas de lograr el centrado, esta vez yo me ahorro las explicaciones y tú te libras de tanto texto.
No. Esta vez sólo traigo al blog una demo ajena. Porque me gustó tanto el título como la forma de exponer las cuatro formas de centrado vertical que muestra su autor.
La demostración es obra de @jaffathecake, y el pen siguiente es un fork de su ejemplo en jsbin.
See the Pen Vertical centering is impossible in CSS LoL! by Kseso (@Kseso) on CodePen.
Créditos y autorías
Jake Archibald
Su web jakearchibald.com
Kseso
the obCSServer ᛯ 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 Kseso
Felicidades esa fue la tapa del coco.......ya puedo morir en paz..........muchas gracias
ResponderEliminar