ایجاد شده در ۰۲ آبان ۱۴۰۴
خلاصه جلسه: تراز المان‌ها در CSS Grid
۱. پراپرتی justify-content
- تراز آیتم‌ها در راستای افقی (ستون‌ها)
- مقدارها:
- start → شروع خط شبکه
- end → پایان خط شبکه
- center → وسط
- space-between → فاصله مساوی بین آیتم‌ها، ابتدا و انتها در خط شبکه
- space-around → فاصله مساوی قبل و بعد هر آیتم
- space-evenly → فاصله مساوی بین همه آیتم‌ها و اطرافشان
۲. پراپرتی align-content
- تراز کل محتوای شبکه در راستای عمودی (ردیف‌ها)
- مقدارها مشابه justify-content:
- start، end، center، space-between، space-around، space-evenly
۳. پراپرتی align-items
- تراز تک‌تک آیتم‌ها داخل ردیف‌ها
- مقدارها: start، end، center، stretch
۴. نکته مهم
- justify-content و align-content روی کل شبکه اثر دارند
- align-items روی هر آیتم جداگانه اثر می‌گذارد