CSS çoğumuz için hala kafa karıştırıcıdır: her biri sonucu sezgisel olmayan şekillerde etkileyebilen yüzlerce kötü adlandırılmış özelliğe sahiptir. Web geliştirmede öğelerin dikey konumlandırılması çetrefilli bir iştir ve geçmişte sıklıkla baş ağrısına neden olmuştur. Ama çok şükür o günler geride kaldı.
İnanması zor: 2024'te artık tek satır CSS ile istenilen sonuca ulaşmak mümkün olacak:
0f1273b25d9806459716
0f1273b25d9806459716
Geçmişte insanlar aynı sonuca ulaşmak için çeşitli başka seçenekler kullanıyorlardı.:
Esnek Kutu
0f1273b25d9806459716
Mutlak konumlandırma
0f1273b25d9806459716
Satır içi blok
0f1273b25d9806459716
The Hizalama içeriği için tarayıcı desteği artık çok iyi ve artık güncelliğini yitirmiş tekniklerin kullanılması konusunda iyi bir argüman yok. Diğer şeylerin yanı sıra, bu görev için artık bir Flexbox'a ihtiyacınız yok ve alt öğenin ayrı bir öğede olması gerekmiyor (yukarıdaki örnekten farklı olarak). div dahil olmak. Onlarca yıllık ilerlemenin ardından CSS'nin artık dikey ortalamayı kontrol edecek tek bir özelliğe sahip olması şaşırtıcı.