Përqendrimi vertikal në CSS

CSS është ende konfuze për shumicën prej nesh: ajo ka qindra veti të emërtuara keq, secila prej të cilave mund të ndikojë në rezultatin në mënyra jo-intuitive. Pozicionimi vertikal i elementeve në zhvillimin e uebit është i ndërlikuar dhe shpesh ka shkaktuar dhimbje koke në të kaluarën. Por fatmirësisht ato ditë kanë kaluar.


Është e vështirë të besohet: Në vitin 2024 tani do të jetë e mundur të arrihet rezultati i dëshiruar me një linjë CSS:

0f1273b25d9806459716

0f1273b25d9806459716

Në të kaluarën, njerëzit përdornin një sërë opsionesh të tjera për të arritur të njëjtin rezultat:

Flexbox

0f1273b25d9806459716

Pozicionimi absolut

0f1273b25d9806459716

Blloku inline

0f1273b25d9806459716

Mbështetja e shfletuesit për align-content tani është shumë i mirë dhe nuk ka më një argument të mirë për përdorimin e teknikave të vjetruara. Për këtë detyrë, nuk keni më nevojë për një flexbox dhe elementi fëmijë (ndryshe nga shembulli i mësipërm) nuk ka nevojë të jetë në një `<body>` të veçantë. div të përfshihen. Është e mahnitshme që pas dekadash përparimi, CSS vetëm tani ka një veçori të vetme për të kontrolluar qendrimin vertikal.

Mbrapa