توزيع الفراغ على المحور الرئيسي باستخدام

justify-content

استخدم قائمة التحديد لتغيير قيمة

justify-content.

1. `flex-start`: توزيع العناصر من البداية الجانب الأيسر للمحور الأفقي (بالمصري بتوّزّع الحاجات من الشمال للصندوق.).

2. flex-end: توزيع العناصر من النهاية الجانب الأيمن للمحور الأفقي (بالمصري بتوّزّع الحاجات من اليمين للصندوق.)

3. center: توسيط العناصر على طول المحور الأفقي. (بالمصري بتوّزّع الحاجات في الوسط).

4. space-between: توزيع العناصر بالتساوي على طول المحور الأفقي، مع إضافة مساحة فارغة بين كل زوج من العناصر. ( بالمصري بتوّزّع الحاجات بالتساوي وبتخلّي فراغ بين كل حاجة.)

5. space-around: توزيع العناصر بالتساوي على طول المحور الأفقي، مع إضافة مساحة فارغة متساوية حول كل عنصر.( بتوّزّع الحاجات بالتساوي وبتخلّي فراغ حوالي كل حاجة.")