Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

¡Nueva forma de centrar un DIV con CSS! Sin usar display flex o grid ↓

midudev's profile picture

Miguel Ángel Durán

326,796 subscribers

45,041 Aufrufe • vor 2 Jahren •via X (Twitter)

Wissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

6 Kommentare

Profilbild von midubot
midubotvor 2 Jahren

Curso de PHP desde cero por @midudev :

Profilbild von Tyranne ™
Tyranne ™vor 2 Jahren

El backend:

Profilbild von /home/M3mbrillo 🧉☕
/home/M3mbrillo 🧉☕vor 2 Jahren

No sé, yo sigo enojado con Chrome 123 que me removio el soporte a SHA-1 :( *Si, mantengo sistemas legacy donde no es factible cambiar a certificados con SHA-256

Profilbild von Omar Espinoza Medina
Omar Espinoza Medinavor 2 Jahren

Por que no crean una función que se llame center_div()? Qué alguien piensen en los desarrolladores back-end!!!

Profilbild von Pablo Rodríguez
Pablo Rodríguezvor 2 Jahren

Esto tiene que ser una broma del April's fool 😂😂

Profilbild von Alex Marco
Alex Marcovor 2 Jahren

Habria sido mas practico un margin: auto 0 o auto auto o esto tiene otra utilidad?🤣

Ähnliche Videos

CSS sidebar tricks 🤌 transition expanded menu items to "auto" height using grid li > div[inert] { grid-template-rows: 0fr; } li > div { grid-template-rows: 1fr; transition: grid-template-rows .3s; }
0:26

CSS sidebar tricks 🤌 transition expanded menu items to "auto" height using grid li > div[inert] { grid-template-rows: 0fr; } li > div { grid-template-rows: 1fr; transition: grid-template-rows .3s; }

jhey ʕ•ᴥ•ʔ

117,396 Aufrufe • vor 1 Jahr

El Backend centrando el div con CSS
0:32

El Backend centrando el div con CSS

Miguel Ángel Durán

166,785 Aufrufe • vor 2 Jahren

sidebar details 🤌 CSS auto-height transition w/ grid 🎬 li > div[inert] { grid-template-rows: 0fr; } li > div { grid-template-rows: 1fr; transition: grid-template-rows .26s; } arrow keys for navigation 📍
0:28

sidebar details 🤌 CSS auto-height transition w/ grid 🎬 li > div[inert] { grid-template-rows: 0fr; } li > div { grid-template-rows: 1fr; transition: grid-template-rows .26s; } arrow keys for navigation 📍

jhey ʕ•ᴥ•ʔ

118,121 Aufrufe • vor 8 Monaten

Esquemas para que entiendas en segundos cómo funciona FLEX y GRID en CSS.
0:26

Esquemas para que entiendas en segundos cómo funciona FLEX y GRID en CSS.

Brais Moure

26,895 Aufrufe • vor 2 Jahren

5 min cursor trails with grid + CSS custom properties 💫 .grid div { opacity: var(--o); transition: opacity 0.8s, rotate 0.4s; &:hover { transition-duration: 0s; rotate: calc(var(--r, 0) * 90deg); opacity: 1; }} trick: dynamic :hover transition
0:26

5 min cursor trails with grid + CSS custom properties 💫 .grid div { opacity: var(--o); transition: opacity 0.8s, rotate 0.4s; &:hover { transition-duration: 0s; rotate: calc(var(--r, 0) * 90deg); opacity: 1; }} trick: dynamic :hover transition

jhey ʕ•ᴥ•ʔ

356,121 Aufrufe • vor 7 Monaten

Fue un poco exagerado o la mato Stiven yob con centrar de Apple que tiene ? 😬
0:59

Fue un poco exagerado o la mato Stiven yob con centrar de Apple que tiene ? 😬

MejoiHombre™️🥩🥓

40,732 Aufrufe • vor 2 Jahren

Centering a Div - CSS
0:28

Centering a Div - CSS

Ali Reza

187,746 Aufrufe • vor 1 Jahr

Crear un croquis o un mapa interactivo directamente en #ChatGPT sin usar ninguna aplicación de #SIG #ChatGPT4o #ArcGIS #QGIS
1:17

Crear un croquis o un mapa interactivo directamente en #ChatGPT sin usar ninguna aplicación de #SIG #ChatGPT4o #ArcGIS #QGIS

El blog de franz

20,407 Aufrufe • vor 2 Jahren

♡ Después de un año " sin usar " Twitter he decidido poner este tweet porque quiero jugar al 𝙇𝙤𝙇 ノ𝙑𝙖𝙡𝙤𝙧𝙖𝙣𝙩 con gente nueva. Habladme por 𝐃𝐦 o sino decidme vuestro 𝐑𝐈𝐎𝐓 𝐈𝐃 para agregarxs pls! [ Os dejo algunos clips de mis HS 🙄💅🏻 ] ♡
1:00

♡ Después de un año " sin usar " Twitter he decidido poner este tweet porque quiero jugar al 𝙇𝙤𝙇 ノ𝙑𝙖𝙡𝙤𝙧𝙖𝙣𝙩 con gente nueva. Habladme por 𝐃𝐦 o sino decidme vuestro 𝐑𝐈𝐎𝐓 𝐈𝐃 para agregarxs pls! [ Os dejo algunos clips de mis HS 🙄💅🏻 ] ♡

🫧 🫧🫧

25,309 Aufrufe • vor 1 Jahr

¡Hoy nace La Nueva U! La Nueva U de la gente, sin jefes, sin miedo, con oportunidades, sin rosca. ¡La Nueva U es de ustedes!
1:06

¡Hoy nace La Nueva U! La Nueva U de la gente, sin jefes, sin miedo, con oportunidades, sin rosca. ¡La Nueva U es de ustedes!

Julián López

41,779 Aufrufe • vor 7 Monaten

Unas Skills de Cr7 sin talento Natural , solo con puro gimnasio 💪🏽 💉 pero sin usar nunca hormonas, Doping o árbitros a favor
1:04

Unas Skills de Cr7 sin talento Natural , solo con puro gimnasio 💪🏽 💉 pero sin usar nunca hormonas, Doping o árbitros a favor

Arielipillo

391,364 Aufrufe • vor 1 Jahr

Master CSS Grid in 2 CSS lines!
0:59

Master CSS Grid in 2 CSS lines!

Ania Kubów #JavaScriptGames

67,145 Aufrufe • vor 1 Jahr

Sigo sin procesar que Eggman engañó a la forma de vida definitiva con un puto YTPH
0:31

Sigo sin procesar que Eggman engañó a la forma de vida definitiva con un puto YTPH

𝑩𝒍𝒂𝒅𝒆𝒏 𝑫𝑿 🥀

445,740 Aufrufe • vor 1 Jahr

Chrome 149がリリース！ 嬉しいことに、CSS grid・flexのgapの隙間が装飾可能になりました。 カレンダーの見た目もCSS Gridで簡単に。
0:43

Chrome 149がリリース！ 嬉しいことに、CSS grid・flexのgapの隙間が装飾可能になりました。 カレンダーの見た目もCSS Gridで簡単に。

池田 泰延

60,331 Aufrufe • vor 10 Tagen

DANNA presenta en exclusiva un adelanto de la nueva versión de “Mi Primer Día Sin Ti” con Gabito Ballesteros
2:07

DANNA presenta en exclusiva un adelanto de la nueva versión de “Mi Primer Día Sin Ti” con Gabito Ballesteros

DANNA Today

31,865 Aufrufe • vor 7 Monaten

El miedo. Eso se respira en EU si parecer migrante. Con o sin documentos. La llegada de Trump ha sido un forma de terrorismo con quien parece “indocumentado”. Mañana #hechossabado Fuerza Informativa Azteca
0:46

El miedo. Eso se respira en EU si parecer migrante. Con o sin documentos. La llegada de Trump ha sido un forma de terrorismo con quien parece “indocumentado”. Mañana #hechossabado Fuerza Informativa Azteca

carolina rocha m

14,818 Aufrufe • vor 1 Jahr

jus' one more CSS progressive blur demo 🧑‍🍳 backdrop-filter: blur() stack + position: sticky + display: grid for progressive blur on scroll
0:32

jus' one more CSS progressive blur demo 🧑‍🍳 backdrop-filter: blur() stack + position: sticky + display: grid for progressive blur on scroll

jhey ʕ•ᴥ•ʔ

44,674 Aufrufe • vor 1 Jahr

Un cambio generacional y una nueva forma de hacer política está muy cerca. ¡Vamos muy bien, con más fuerza que nunca!
0:24

Un cambio generacional y una nueva forma de hacer política está muy cerca. ¡Vamos muy bien, con más fuerza que nunca!

Otto Sonnenholzner

49,096 Aufrufe • vor 2 Jahren

El otro día os compartía un juego de mesa llamado kaboom, hoy con la ayuda del gran @Elfonsdelmar os dejo la versión online, sin necesidad de imprimir los tableros o usar palos numerados. Es un Genially (Español) reutilizable con el que podéis crear vuestros propios tableros o ...
1:54

El otro día os compartía un juego de mesa llamado kaboom, hoy con la ayuda del gran @Elfonsdelmar os dejo la versión online, sin necesidad de imprimir los tableros o usar palos numerados. Es un Genially (Español) reutilizable con el que podéis crear vuestros propios tableros o ...

Yanoteajunto

34,779 Aufrufe • vor 3 Jahren

🤯 How am I just finding out about display: contents; Suuuuper handy for CSS Flexbox + Grid where the children aren't direct descendants.
2:22

🤯 How am I just finding out about display: contents; Suuuuper handy for CSS Flexbox + Grid where the children aren't direct descendants.

Wes Bos

356,512 Aufrufe • vor 1 Jahr