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 |
- صفحه قبل فلیکس-شریک
- صفحه بعدی فلوٹ