🔵 Centrar en CSS Vertical y Horizontal en sólo 1 LINEA de CÓDIGO 🚀
ฝัง
- เผยแพร่เมื่อ 26 ส.ค. 2024
- ¿Quieres aprender CSS Grid Layout de la mejor forma posible?
👇👇 ACCEDE al CURSO GRATIS
bit.ly/3cn5XnB
Te dejo el código de ejemplo por aquí codepen.io/kik...
🎁 GUIA GRATIS: 5 Técnicas de ChatGPT para Desarrolladores 👉 crz.dev/tecnic...
📚 Recursos de programación 👉 crz.dev/sub
👨💻 Formación de IA para Desarrolladores:
crz.dev/ia-star
👨💻 Todos mis cursos gratis:
kiko.pro/cursos
📚 Puedes ver todos mis libros aquí:
kiko.pro/libros
📘 MI LIBRO "No todo es programar":
notodoesprogra...
🦊 100 Fábulas para Programadores
kiko.pro/100fa...
📙 Libro: Aprende HTML
kiko.pro/libro...
👁️ Puedes encontrar cosas más interesantes en:
kiko.pro/
🖱️ Si quieres ver el mi setup completo 👉 kiko.pro/setup
🎉 Continua la fiesta en mis otras redes sociales:
Discord: kiko.pro/discord
Instagram: kiko.pro/insta...
Twitter: kiko.pro/twitter
TikTok: kiko.pro/tiktok
GitHub: kiko.pro/github
kikopalomares....
Algunos de los enlaces son enlaces de afiliados, por lo que quizás reciba alguna pequeña comisión por compras a través de esos enlaces.
CURSO de CSS GRID LAYOUT GRATIS 👉👉 bit.ly/3cn5XnB
El don de la eternidad debería ser concedido a todas aquellas personas que hacen de este mundo un lugar mejor, y a ti Kiko gracias por existir!
Saludos desde Madrid.
exagerado!! xD saludos!!
Seguro debes tener muchos más dones: pero el diseño digital y transmitir el conocimiento, son lo tuyo ¡Graciasl
Sos un recontra genio. Claro, practico y a buen ritmo de enseñanza! un placer tus videos
me alegro que te guste!! 😁
al toke perro, buen tuto.
Yo uso flexbox, es casi lo mismo. El contenedor es flex. Y justify content alignitems center
Cierto
Gracias Kiko, tus videos me ayudan mucho y son super sencillos. Y éste me en particular me quitó un gran peso de encima
Justo esto me estaba preguntando como hacerlo en mi proyecto ayer xD
pues ya lo tienes!!
A mi me gusta esto he aprendido mucho en una semana i media. Y ahora esto Gracias A seguir aprendiendo ya que en el instituto de Cataluña Solo te encenian a usar Scratch y diseño 3D...
Así es en las escuelas, sólo te dan las bases y tú tienes que imbuirte en conocimiento
Muchas felicitaciones por tu trabajo!
Gracias!
gracias! 😁
Intente con Vertical-align, position, margin-top y comenzar a jugar para centrarlo, pero siempre quedaba mal, esta opcion de cuadricula "grid" con el place items al centro, la rompe, gracias!
Qué pasada!!! Muchas gracias!!!
Excelente Tutorial, gracias. Tienes mi like.
Kiko, grande!!
Excelente!, muchas gracias ;)
hola para alinear un texto dentro de una figura como seria un rectangulo o circulo
hay una cosa que no consigo sacar adelante, y si a parte del color de fondo del div contenedor, el div hijo si tuviera un fondo, se centra y queda pequeño solo se ve el color de fondo en lo que abarca el texto, no consigo que ocupe todo el espacio total que tiene para çel y a la vez que quede centrado vertical y horizontalmente. si el div hijo no tiene color de fondo, entonces i funciona bien.
Mmm he probado lo q dices y cierto que no funciona pero no tendría sentido ponerle fondo al contenedor si luego le pondremos fondo al div hijo por que este taparía el fondo inicial, claro en el caso de que querramos q el div hijo ocupe el mismo tamaño del contenedor padre , pero si a lo que te refieres es por ejemplo que se vea el fondo del padre y dentro otro fondo del hijo q no ocupe todo el espacio podrías darle medidas al div hijo, por ejemplo un cuadrado centrado seria tipo height:200px width 200px aunq con esto el texto del h1 se movería entonces ahora toca centrar el texto q sería tocar el h1 align-text:center lineheight : 200px (= a su contenedor)
Algún position todas las coordenadas a 0 y margin auto también sirve
Le falta y mucho