لا يزال CSS مربكًا لمعظمنا: فهو يحتوي على مئات من الخصائص سيئة التسمية، كل واحدة منها يمكن أن تؤثر على النتيجة بطرق غير بديهية. يعد الوضع الرأسي للعناصر في تطوير الويب أمرًا صعبًا وغالبًا ما تسبب في حدوث صداع في الماضي. لكن لحسن الحظ أن تلك الأيام قد ولت.
من الصعب تصديق: في عام 2024 سيكون من الممكن الآن تحقيق النتيجة المرجوة باستخدام سطر واحد من CSS:
0f1273b25d9806459716
0f1273b25d9806459716
في الماضي، استخدم الناس مجموعة متنوعة من الخيارات الأخرى لتحقيق نفس النتيجة:
فليكس بوكس
0f1273b25d9806459716
تحديد المواقع المطلقة
0f1273b25d9806459716
كتلة مضمنة
0f1273b25d9806459716
ال دعم المتصفح لمحاذاة المحتوى أصبح الآن جيدًا جدًا ولم يعد هناك حجة جيدة لاستخدام التقنيات القديمة. من بين أمور أخرى، لم تعد بحاجة إلى Flexbox لهذه المهمة ولا يجب أن يكون العنصر الفرعي في عنصر منفصل (على عكس المثال أعلاه). div يتم تضمينها. من المثير للدهشة أنه بعد عقود من التقدم، أصبح لدى CSS الآن خاصية واحدة فقط للتحكم في التمركز العمودي.