CSS فلیکس ویپ کیمپٹ

تعریف و استفاده

ویژگی flex-wrap تعیین می‌کند که آیا پیمان‌های فلیکس باید جابجا شوند یا خیر.

نکته:اگر عنصر فلیکس نباشد، ویژگی flex غیرمستند است.

لطفاً به اینجا مراجعه کنید:

آموزش CSS جعبه‌بندی انعطاف‌پذیر CSS

دستورالعمل CSSویژگی flex

دستورالعمل CSSویژگی flex-basis

دستورالعمل CSSویژگی flex-direction

دستورالعمل CSSویژگی flex-flow

دستورالعمل CSSویژگی flex-grow

دستورالعمل CSSویژگی flex-shrink

دستورالعمل HTML DOMویژگی flexWrap

مثال

اجازه می‌دهد که پیمان‌های فلیکس در صورت نیاز جابجا شوند:

div {
  display: flex;   
  flex-wrap: wrap;
}

آزمایش کنید

جملات CSS

flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;

مقدار ویژگی

مقدار توضیح
nowrap مقدار پیش‌فرض. این ویژگی تعیین می‌کند که پیمان‌های فلیکس نباید جابجا شوند.
wrap این ویژگی تعیین می‌کند که آیا پیمان‌های فلیکس باید در صورت نیاز جابجا شوند.
wrap-reverse این ویژگی تعیین می‌کند که آیا پیمان‌های فلیکس باید در صورت نیاز جابجا شوند، به سمت برعکس.
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. به اینجا مراجعه کنید initial.
inherit این ویژگی را از عنصر والد خود ارث می‌برد. به اینجا مراجعه کنید inherit.

جزئیات فنی

مقدار پیش‌فرض: nowrap
وراثت: خیر
انیمیشن ساخت: پشتیبانی نمی‌شود. لطفاً به اینجا مراجعه کنید:ویژگی‌های مرتبط با انیمیشن.
نسخه: CSS3
جملات برنامه‌نویسی جاوااسکریپت: object.style.flexWrap="nowrap"

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی هستند که این ویژگی را به طور کامل پشتیبانی می‌کنند.

اعداد شمار که شامل -webkit- یا -moz- هستند، نشان‌دهنده نسخه اولیه با استفاده از پیشوند هستند.

چروم آئی ای / ایج فائرفاکس سافری اوپرا
29.0
21.0 -webkit-
11.0 28.0
18.0 -moz-
9.0
6.1 -webkit-
17.0