Függőleges központosítás a CSS-ben

A CSS még mindig zavaró a legtöbbünk számára: több száz rosszul elnevezett tulajdonsággal rendelkezik, amelyek mindegyike nem intuitív módon befolyásolhatja az eredményt. Az elemek függőleges elhelyezése a webfejlesztésben bonyolult, és korábban gyakran okozott fejfájást. De szerencsére ezek az idők elmúltak.


Nehéz elhinni: 2024-ben már egy sor CSS segítségével elérhető lesz a kívánt eredmény:

0f1273b25d9806459716

0f1273b25d9806459716

A múltban az emberek számos más lehetőséget is használtak ugyanazon eredmény elérése érdekében:

Flexbox

0f1273b25d9806459716

Abszolút pozicionálás

0f1273b25d9806459716

Inline blokk

0f1273b25d9806459716

A Böngésző támogatása a tartalom összehangolásához most nagyon jó, és már nincs jó érv az elavult technikák alkalmazása mellett. Ehhez a feladathoz már nincs szükség Flexboxra, és a gyermekelemnek nem kell különálló elemben lennie (a fenti példától eltérően). div szerepeljenek. Elképesztő, hogy több évtizedes fejlődés után a CSS-nek csak egyetlen tulajdonsága van a függőleges központosítás szabályozására.

Vissza