33 lines
1.2 KiB
Markdown
33 lines
1.2 KiB
Markdown
|
---
|
|||
|
title: Flexbox Direction
|
|||
|
localeTitle: اتجاه Flexbox
|
|||
|
---
|
|||
|
## اتجاه Flexbox
|
|||
|
|
|||
|
الآن بعد أن تعرفت على ما هو flexbox ، حان الوقت للانتقال إلى كيفية ترتيب المحتوى داخل حاوية مرنة. يمكنك ضبط هذا من خلال _الاتجاه المرن_
|
|||
|
|
|||
|
هناك 4 طرق لضبط الاتجاه المرن
|
|||
|
|
|||
|
1. صف
|
|||
|
|
|||
|
![](https://css-tricks.com/wp-content/uploads/2013/04/flex-direction2.svg)
|
|||
|
|
|||
|
يتم تعيين الاتجاه المرن إلى الصف بشكل افتراضي. هذا يرتب جميع المحتوى الخاص بك في صف واحد **دون هوامش **.****
|
|||
|
|
|||
|
2. الصف العكس
|
|||
|
|
|||
|
![](https://i-msdn.sec.s-msft.com/dynimg/IC681588.png)
|
|||
|
|
|||
|
هذا يعكس المحتوى الخاص بك في الاتجاه المعاكس. في الأصل كانت تسير من اليسار إلى اليمين ، والآن من اليمين إلى اليسار.
|
|||
|
|
|||
|
3. عمود
|
|||
|
|
|||
|
![](https://i-msdn.sec.s-msft.com/dynimg/IC681589.png)
|
|||
|
|
|||
|
يرتب هذا المحتوى الخاص بك في عمود واحد من أعلى إلى أسفل.
|
|||
|
|
|||
|
4. عمود العكس
|
|||
|
|
|||
|
يرتب هذا المحتوى الخاص بك في عمود واحد من أسفل إلى أعلى.
|
|||
|
|
|||
|
#### معلومات اكثر:
|