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. عمود العكس
|
||
|
||
يرتب هذا المحتوى الخاص بك في عمود واحد من أسفل إلى أعلى.
|
||
|
||
#### معلومات اكثر: |