سبد (0)

طراحی نوار وضعیت حبابی(قسمت چهارم)

خصوصیت flex-wrap چیست؟

خصوصیت flex-wrap تعیین می کند که اگر فضای کافی در خط انعطاف پذیر برای آیتم ها وجود نداشته باشد، این آیتم ها زیر یکدیگر قرار گیرند یا نه( به عبارت دیگر، بسته بندی شوند یا نه).

مقادیر امکان پذیر برای این خصوصیت عبارتند از:

  1. مقدار nowrap : این مقدار پیش فرض است. و باعث می شود که آیتم ها زیر یکدیگر قرار نگیرند و بسته بندی نشوند.
  2. مقدار wrap: باعث می شود که آیتم ها در صورت لزوم بسته بندی شده و در زیر یکدیگر قرار گیرند.
  3. مقدار wrap-reverse : این مقدار باعث می شود که آیتم ها در صورت لزوم، در جهت معکوس بسته بندی شوند.

در مثال زیر از مقدار nowrap استفاده شده است:

See the Pen مثال 15 by Ehsan Abbasi (@sbaloot) on CodePen.

در مثال زیر از مقدار wrap استفاده شده است:

See the Pen مثال 16 by Ehsan Abbasi (@sbaloot) on CodePen.

در مثال زیر از مقدار wrap-reverse استفاده شده است:

See the Pen مثال 17 by Ehsan Abbasi (@sbaloot) on CodePen.

آموزش صوتی JavaScript

ابزاری که در پیش روی دارید یکی از ابزارهای بسیار کاربردی سایت بیاموز در زمینه آموزش است، این ابزار برای سهولت یادگیری شما کاربران محترم طراحی شده است.

فقط کافی است روی عنوان پاراگراف مورد نظرتان کلیک کنید تا پخش صدا آغاز شود ...!

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه