تعریف و کاربرد
ویژگی (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 |