13 lines
1.3 KiB
Markdown
13 lines
1.3 KiB
Markdown
---
|
|
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` : سوف تفعل مشابهة للمسافة بين وبين ولكن سيكون هناك مسافات متساوية حول العناصر بحيث لا يكون الأول والأخير مباشرة على الحافة. |