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 estas nun tre bona kaj ne plu ekzistas bona argumento por uzi malmodernajn teknikojn. Interalie, vi ne plu bezonas Flexbox por ĉi tiu tasko kaj la infana elemento ne devas esti en aparta (malkiel en la supra ekzemplo). div estu inkluzivita. Estas mirinde, ke post jardekoj da progreso, CSS nur nun havas ununuran posedaĵon por kontroli vertikalan centradon.

Reen