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ë mirë dhe nuk ka më një argument të mirë për përdorimin e teknikave të vjetruara. Ju nuk keni më nevojë për një Flexbox për këtë detyrë dhe elementi fëmijë nuk duhet të jetë në një të veçantë (ndryshe nga shembulli i mësipërm). 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