1.3 KiB
1.3 KiB
| title | localeTitle |
|---|---|
| Align Elements Using the justify-content Property | محاذاة العناصر باستخدام خاصية justify-content |
محاذاة العناصر باستخدام خاصية justify-content
كما ذكر على مستوى التحدي ، لتمرير ذلك تحتاج إلى تعيين justify-content إلى مركز. ومع ذلك ، فإن الهدف من التحدي هو experiemnt ونرى كيف تؤثر الخيارات المختلفة على المحتوى.
center : سيضمن تركيز عناصر طفلك في الحاوية الرئيسية.
flex-start : سيدفع كل شيء إلى الجانب الأيسر.
flex-end : سوف يدفع كل شيء إلى الجانب الأيمن.
space-between : سوف يدفع العناصر الأولى والأخيرة إلى respectivelly اليسار واليمين وإضافة مسافة بين. إذا كان لديك عدد فردي من العناصر ، فستضيفها إلى المركز وتستمر بالضغط على اليسار واليمين حسب الطلب.
space-around : سوف تفعل مشابهة للمسافة بين وبين ولكن سيكون هناك مسافات متساوية حول العناصر بحيث لا يكون الأول والأخير مباشرة على الحافة.