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 durum çok iyi ve eski teknikleri kullanmak için geçerli bir gerekçe kalmadı. Bu görev için artık flexbox'a ihtiyacınız yok ve alt öğenin (yukarıdaki örnekten farklı olarak) ayrı bir `<body>` içinde olmasına gerek yok. 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ı.