Vertikala centrado en CSS

CSS ankoraŭ estas konfuza por la plimulto de ni: ĝi havas centojn da malbone nomitaj propraĵoj, ĉiu el kiuj povas influi la rezulton en ne-intuiciaj manieroj. La vertikala poziciigado de elementoj en TTT-disvolviĝo estas malfacila kaj ofte kaŭzis kapdolorojn en la pasinteco. Sed feliĉe tiuj tagoj finiĝis.


Estas malfacile kredi: En 2024 nun eblos atingi la deziratan rezulton per unu linio de CSS.:

0f1273b25d9806459716

0f1273b25d9806459716

En la pasinteco, homoj uzis diversajn aliajn eblojn por atingi la saman rezulton:

Flexbox

0f1273b25d9806459716

Absoluta poziciigado

0f1273b25d9806459716

Enlinia bloko

0f1273b25d9806459716

La Subteno de retumilo por align-enhavo nun estas tre bona, kaj jam ne plu estas bona argumento por uzi malmodernajn teknikojn. Por ĉi tiu tasko, vi jam ne bezonas flekskeston, kaj la infanelemento (male al en la supra ekzemplo) ne bezonas esti en aparta `<body>`. div estu inkluzivita. Estas mirinde, ke post jardekoj da progreso, CSS nur nun havas ununuran posedaĵon por kontroli vertikalan centradon.

Reen