شرح صفوف ومحتوى الفقرة
- تستخدم كلاسات align-content للتحكم في المحاذاة الراسية لكل المحتوى بداخل flexbox.
- align-content-start لمحاذاة المحتوى بالكامل الى الاعلى.
- align-content-center لمحاذاة المحتوى بالكامل الى المنتصف.
- align-content-end لمحاذاة المحتوى بالكامل الى الاسفل.
- align-content-between لمحاذاة المحتوى الى الاعلى والاسفل مع وجود مسافة فارغة في الوسط.
- align-content-around لمحاذاة المحتوى الى الاعلى والاسفل مع وجود مسافة فارغة في الوسط ونصف هذه المساحة في الاعلى والاسفل.
- align-content-stretch لمحاذاة المحتوى راسيا بحيث يشغل كل ارتفاع العنصر الاب.
Flex Align Content
محاذاة المحتوى راسيا.
HTML
<div class="d-flex flex-wrap align-content-start">..</div>
<div class="d-flex flex-wrap align-content-end">..</div>
<div class="d-flex flex-wrap align-content-center">..</div>
<div class="d-flex flex-wrap align-content-around">..</div>
<div class="d-flex flex-wrap align-content-stretch">..</div>