نمونه کد

ویژگی align-content در CSS

آزمایشگاه

تعریف و کاربرد

ویژگی (align-content) در CSS برای تنظیم چگونگی چیدمان و تراز محتوا در یک محیط چند خطی مورد استفاده قرار می‌گیرد. این ویژگی تأثیری بر روی فضای بین خطوط موجود در یک محیط چند خطی دارد و معمولاً بر روی عناصری مانند flex container و grid container اعمال می‌شود.

مقادیر مختلفی که می‌توانید به ویژگی (align-content) اختصاص دهید عبارتند از:

1. flex-start: محتوا از سر خط شروع می‌شود.
2. flex-end: محتوا به انتهای خط متمایل می‌شود.
3. center: محتوا در مرکز خط تراز می‌شود.
4. space-between: محتواها با فضای مساوی بین خطوط قرار می‌گیرند.
5. space-around: فضای مساوی بین خطوط و اطراف محتوا قرار می‌گیرد.
6. space-evenly: فضای مساوی بین خطوط و اطراف محتوا، با فضای مساوی بین همه‌ ی خطوط، توزیع می‌شود

شیوه نگارش

مقادیر

مقادیر توضیحات
stretch خطوط برای پر کردن فضای باقی‌مانده کشیده می‌شوند مقدار پیش‌فرض
center fa
flex-start fa
flex-end fa
space-between fa
space-around fa
space-evenly fa
initial fa
inherit fa