---
title: Align Elements Using the justify-content Property
localeTitle: محاذاة العناصر باستخدام خاصية justify-content
---
## محاذاة العناصر باستخدام خاصية justify-content

كما ذكر على مستوى التحدي ، لتمرير ذلك تحتاج إلى تعيين `justify-content` إلى مركز. ومع ذلك ، فإن الهدف من التحدي هو experiemnt ونرى كيف تؤثر الخيارات المختلفة على المحتوى.

`center` : سيضمن تركيز عناصر طفلك في الحاوية الرئيسية.  
`flex-start` : سيدفع كل شيء إلى الجانب الأيسر.  
`flex-end` : سوف يدفع كل شيء إلى الجانب الأيمن.  
`space-between` : سوف يدفع العناصر الأولى والأخيرة إلى respectivelly اليسار واليمين وإضافة مسافة بين. إذا كان لديك عدد فردي من العناصر ، فستضيفها إلى المركز وتستمر بالضغط على اليسار واليمين حسب الطلب.  
`space-around` : سوف تفعل مشابهة للمسافة بين وبين ولكن سيكون هناك مسافات متساوية حول العناصر بحيث لا يكون الأول والأخير مباشرة على الحافة.