Cristian Ramanzin Profile picture
💻 Desarrollador Web 🎶 Músico 🖌️ Pixel Artist (En proceso) 🎓 #SoyProfePlatzi

Oct 1, 2020, 5 tweets

Les quiero dejar un tips para centrar elementos en CSS. 😀 Abro hilo.

#CSS #desarrolloweb

1/4 - Cuando el elementos tiene un comportamiento en linea (display: inline, inline-block, inline-flex, etc). Se lo puede centrar de forma horizontal aplicando "text-align: center" al contenedor.

2/4 - Si el elemento tiene un comportamiento en bloque (display: block, flex, grid, etc). Se lo puede centrar horizontalmente ajustando sus márgenes laterales en "auto"

3/4 - Se puede centrar de forma horizontal y vertical uno o más elementos convirtiendo a su contenedor en flexbox.

4/4 - Se puede centrar de forma horizontal y vertical un elemento con "position: absolute", si su contenedor tiene "position: relative" y movemos el eje hacia su centro con "transform".

Share this Scrolly Tale with your friends.

A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.

Keep scrolling