English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
خصائص flex-flow في CSS تستخدم لضبطflex-directionوflex-wrapالاختصارات للخصائص المختلفة.
الجدول أدناه يوضح استخدام هذه الخاصية وتاريخ إصداراتها، بالإضافة إلى синтكس استخدام الخاصية في لغة الجافاسكربت.
| القيمة الافتراضية： | row nowrap; row nowrap; |
|---|---|
| عرض جميع الخصائص | تطبيق على: |
| الحاوية المرنة | الوراثة: |
| لا | يمكن تمريره كرسوم متحركة:لا يرجى الرجوع إلى。 |
| خصائص التحريك | الإصدار: |
| ميزات جديدة CSS3 | اللغة البرمجية JavaScript.style.flexFlow="column nowrap" |
نظام النص الخاص بهذه الخاصية هو:
flex-flow: [ flex-direction flex-wrap ] | initial | inherit
المثال التالي يوضح كيفية استخدام خاصية flex-flow.
.flex-container {
/* Safari */
display: -webkit-flex;
-webkit-flex-flow: row-reverse wrap;
display: flex;
flex-flow: row-reverse wrap;
}راجع‹/›قيمة الخاصية
| جدول يصف قيم هذه الخاصية. | القيمة |
|---|---|
| flex-direction | وصف |
| flex-wrap | تحديد كيفية وضع العنصر المرن داخل الحاوية المرنة. |
| تحديد ما إذا كان يجب تقسيم العنصر المرن إلى صف أو عمود. | أصلي |
| inherit | إذا تم تحديد هذا، فإن العناصر المرتبطة تستخدم نفس خاصية flex-flow الخاصة بالعنصر الأب. |
مستوى التوافق للمتصفحات الخاصة بخصائص flex-flow، الأرقام في الجدول التالي تمثل إصدار المتصفح الأدنى الذي يدعم هذه الخاصية؛ جميع المتصفحات الشائعة يدعمون هذه الخاصية.
|
يرجى الرجوع إلى الدروس التالية:تصميم الأعمدة المتعددة CSS3。
خصائص مرتبطة:align-content،align-items،align-self،display،flex،flex-basis،flex-direction،flex-grow،flex-shrink،flex-wrap،justify-content،min-height،min-width،order。