شرح صفوف ومحتوى الفقرة
تتيح ثلاث كلمات موضعية تثبيت العنصر المرن عند نقطة محددة على المحور المتعامد مع الاكتفاء بارتفاع محتواه الطبيعي دون تمدد:
- القيمة
align-self: flex-start— تدفع العنصر إلى بداية المحور المتعامد أي الحافة العلوية في الصف القياسي. - القيمة
align-self: center— توسط العنصر تماماً في منتصف المحور المتعامد. - القيمة
align-self: flex-end— تدفع العنصر إلى نهاية المحور المتعامد أي الحافة السفلية في الصف أو الحافة الجانبية في العمود.
CSS
.step-top {
align-self: flex-start;
}
.step-mid {
align-self: center;
}
.step-bot {
align-self: flex-end;
}