CSS is nog steeds verwarrend voor de meesten van ons: het heeft honderden slecht benoemde eigenschappen, die elk het resultaat op onintuïtieve manieren kunnen beïnvloeden. Verticale positionering van elementen in webontwikkeling is lastig en was in het verleden vaak een bron van hoofdpijn, maar die dagen zijn gelukkig voorbij.
Het is moeilijk te geloven: in 2024 is het nu mogelijk om het gewenste resultaat te bereiken met één regel CSS:
0f1273b25d9806459716
0f1273b25d9806459716
In het verleden werden verschillende andere opties gebruikt om hetzelfde resultaat te bereiken:
Flexbox
0f1273b25d9806459716
Absolute positionering
0f1273b25d9806459716
Inline-blok
0f1273b25d9806459716
De Browserondersteuning voor uitlijnen-inhoud is nu erg goed en er is geen goed argument meer om verouderde technieken te gebruiken. Je hebt onder andere geen flexbox meer nodig voor deze taak en het child element hoeft (in tegenstelling tot in het voorbeeld hierboven) niet in een aparte div Het is verbazingwekkend dat na tientallen jaren van vooruitgang, CSS nu pas een enkele functie heeft om verticale centrering te regelen.