freeCodeCamp/guide/arabic/css/layout/flexbox/flexbox-direction/index.md

33 lines
1.2 KiB
Markdown
Raw Normal View History

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