ویژگی align-content برای طرح بندی بلوک ها اکنون بخشی از Baseline است

راشل اندرو

منتشر شده: ۱۷ آوریل ۲۰۲۴

اکنون می‌توانید از ویژگی align-content از CSS Box Alignment در طرح‌بندی‌های بلوک و جدول استفاده کنید. این کار امکان ترازبندی جهت بلوک را بدون نیاز به ایجاد طرح‌بندی flex یا grid فراهم می‌کند.

Browser Support

  • کروم: ۱۲۳.
  • لبه: ۱۲۳.
  • فایرفاکس: ۱۲۵.
  • سافاری: ۱۷.۴.

کارِ زمانی غیرممکنِ وسط‌چین کردن یک آیتم به صورت عمودی، توسط flexbox و grid، به همراه ویژگی align-content آسان‌تر شد. با این حال، این کار مستلزم ایجاد یک طرح‌بندی flex یا grid بود، تنها به این دلیل که این ترازبندی انجام شود. این ویژگی برای طرح‌بندی block مشخص شده بود و در چند ماه گذشته هر سه موتور اصلی این ویژگی را ارائه کرده‌اند.

با استفاده از align-content برای طرح‌بندی بلوکی، می‌توانید بدون نیاز به ایجاد طرح‌بندی flex یا grid برای عملکرد ویژگی، به ترازبندی عمودی دست یابید. هیچ ویژگی اضافی لازم نیست زیرا آیتم همچنان یک آیتم بلوکی باقی می‌ماند، تنها تغییر در ترازبندی است.

ویژگی align-content عنوان را به صورت عمودی در وسط یک بلوک قرار می‌دهد.