كيف تستخدم المرن في CSS؟

2024 مؤلف: Lynn Donovan | [email protected]. آخر تعديل: 2024-01-18 08:21

ملخص

1. يستخدم عرض: ثني ؛ لخلق ثني وعاء.
2. يستخدم تبرير المحتوى لتحديد المحاذاة الأفقية للعناصر.
3. يستخدم محاذاة العناصر لتحديد المحاذاة الرأسية للعناصر.
4. استخدم المرن -الاتجاه إذا كنت بحاجة إلى أعمدة بدلاً من صفوف.
5. يستخدم قيم عكس الصف أو عكس العمود لعكس ترتيب العناصر.

بخصوص هذا ، ما فائدة العرض المرن في CSS؟

أ ثني تقوم الحاوية بتوسيع العناصر لملء المساحة الخالية المتوفرة أو تقليصها لمنع الفائض. الأهم من ذلك ، أن فليكس بوكس التخطيط حيادي الاتجاه على عكس التخطيطات العادية (كتلة قائمة على أساس عمودي ومضمنة وهي أفقية).

قد يتساءل المرء أيضًا ، ما هو CSS Flex 1؟ ثني : 1 ; = ثني : 1 1 0 ن ؛ (حيث n هي وحدة طول). ثني -grow: رقم يحدد مقدار زيادة العنصر بالنسبة لبقية العناصر المرنة. ثني - تقليص رقم يحدد مقدار تقلص العنصر بالنسبة لبقية العناصر المرنة. ثني -القاعدة طول العنصر.

بعد ذلك ، قد يتساءل المرء أيضًا ، ما هو Inline Flex CSS؟

في النسق - ثني - ال في النسق نسخة من ثني يسمح للعنصر ، والأولاد ، بالحصول عليه ثني الخصائص بينما تظل في التدفق المنتظم للمستند / صفحة الويب. يستجيب كعنصر كتلة ، من حيث تدفق المستند. اثنين فليكس بوكس لا يمكن أن توجد الحاويات في نفس الصف بدون زيادة التصميم.

ما هو الاتجاه الافتراضي داخل حاوية Flex؟

ال إفتراضي الترتيب بعد تطبيق العرض: ثني هو ترتيب العناصر على طول المحور الرئيسي من اليسار إلى اليمين. يوضح الرسم المتحرك أدناه ما يحدث عندما ثني - اتجاه : يضاف العمود إلى وعاء عنصر. يمكنك أيضا ضبط المرن - اتجاه إلى عكس الصف والعكس العمود.