正在加载视频...

视频加载失败

返回首页

¡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 次观看 • 2 年前 •via X (Twitter)

科学技术教育
LIVE

Anya Rossi• Live Now

Private livecam show

6 条评论

midubot 的头像
midubot2 年前

Curso de PHP desde cero por @midudev :

Tyranne ™ 的头像
Tyranne ™2 年前

El backend:

/home/M3mbrillo 🧉☕ 的头像
/home/M3mbrillo 🧉☕2 年前

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

Omar Espinoza Medina 的头像
Omar Espinoza Medina2 年前

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

Pablo Rodríguez 的头像
Pablo Rodríguez2 年前

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

Alex Marco 的头像
Alex Marco2 年前

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

相关视频

El Backend centrando el div con CSS
0:32

El Backend centrando el div con CSS

Miguel Ángel Durán

166,804 次观看 • 2 年前

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,444 次观看 • 1 年前

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,312 次观看 • 9 个月前

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,220 次观看 • 8 个月前

¡POR FIN podremos hacer esto en CSS! Cambiar la altura de un textarea según su contenido. Es la nueva propiedad "field-sizing: content". Sin necesidad de usar JavaScript. Aquí tienes una demostración y el código ↓
0:39

¡POR FIN podremos hacer esto en CSS! Cambiar la altura de un textarea según su contenido. Es la nueva propiedad "field-sizing: content". Sin necesidad de usar JavaScript. Aquí tienes una demostración y el código ↓

Miguel Ángel Durán

82,941 次观看 • 2 年前

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,733 次观看 • 2 年前

Centering a Div - CSS
0:28

Centering a Div - CSS

Ali Reza

187,869 次观看 • 1 年前

♡ 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 次观看 • 1 年前

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 次观看 • 2 年前

¡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 次观看 • 8 个月前

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,399 次观看 • 1 年前

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,973 次观看 • 1 年前

Master CSS Grid in 2 CSS lines!
0:59

Master CSS Grid in 2 CSS lines!

Ania Kubów #JavaScriptGames

67,365 次观看 • 1 年前

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

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

池田 泰延

60,894 次观看 • 1 个月前

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

32,022 次观看 • 8 个月前

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,100 次观看 • 2 年前

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 次观看 • 1 年前

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,788 次观看 • 3 年前