أصبحت خاصية محاذاة المحتوى لتخطيطات الكتل جزءًا من Baseline

يمكنك الآن استخدام السمة align-content من "محاذاة المربع" في CSS في تنسيقات الكتل والجداول. سيسمح ذلك بمحاذاة اتجاه الكتلة بدون الحاجة إلى إنشاء تنسيق مرن أو شبكي.

التوافق مع المتصفح

  • 123
  • 123
  • 125
  • 17.4

إنّ المهمة التي كانت في السابق مستحيلة في توسيط العنصر عموديًا أصبحت أسهل من خلال استخدام Flexbox والشبكة، بالإضافة إلى السمة align-content. ومع ذلك، فقد يتضمن ذلك إنشاء تخطيط مرن أو شبكي بدون سبب آخر سوى القيام بهذه المحاذاة. تم تحديد الخاصية لتخطيط الكتل، وفي الأشهر القليلة الماضية قامت جميع المحركات الثلاثة الرئيسية بشحن هذه الميزة.

مع توفّر align-content لتنسيق الكتل، يمكنك تحقيق محاذاة عمودية بدون الحاجة إلى إنشاء تنسيق مرن أو شبكي لكي تعمل الخاصية. ليست هناك حاجة إلى خصائص إضافية حيث يظل العنصر عبارة عن كتلة، والتغيير الوحيد هو المحاذاة.

توسيط السمة align-content العنوان عموديًا داخل حاوية كتلة.