CSS فلیکس فلو کلاس

تعریف اور استعمال

flex-flow اپریئٹ اس کی اپریئٹوں کا مختصر ورژن ہے:

نوٹ:اگر عنصر ایلگاٹ نہیں ہے تو flex اپریئٹ نا معتبر ہوگا.

ایک دوسرے کا مراجع:

CSS تعلیم:CSS ایلگاٹ

CSS مراجع دستور:flex اپریئٹ

CSS مراجع دستور:flex-direction اپریئٹ

CSS مراجع دستور:flex-basis اپریئٹ

CSS مراجع دستور:flex-grow اپریئٹ

CSS مراجع دستور:flex-shrink اپریئٹ

CSS مراجع دستور:flex-wrap اپریئٹ

HTML DOM مراجع دستور:flexFlow اپریئٹ

مثال

مقصد اس اپریئٹ کو برعکس سمت چلنا چاہئے اور ضرورت پر چلنا چاہئے یا نا چلنا چاہئے:

div {
  display: flex;
  flex-flow: row-reverse wrap;
}

آپ خود کا تجربہ کریئے

CSS گرامر

flex-flow: flex-direction flex-wrap|initial|inherit;

مقصد ورژن

ورژن وصف
flex-direction

ممکن ورژن:

  • row
  • row-reverse
  • column
  • column-reverse
  • initial
  • inherit

مقصد ورژن "row" ہے.

مقصد اس اپریئٹ کو کیا طور پر سمت چلنا چاہئے.

flex-wrap

ممکن ورژن:

  • nowrap
  • wrap
  • wrap-reverse
  • initial
  • inherit

مقصد ورژن "nowrap" ہے.

مقصد اس اپریئٹ کو کیا طور پر چلنا چاہئے یا نا چلنا چاہئے یا نا چلنا چاہئے.

initial اس اپریئٹ کو اس کی مقصد ورژن پر نکالا جائے. وضاحت دیئے: initial.
inherit اس اپریئٹ کا ورژن پائیدار طور پر ان کی والد عنصر سے حاصل کی گئی ہے. وضاحت دیئے: inherit.

تکنیکی تفصیلات

مقصد: row nowrap
نکلیت: نہیں
آنیماشن کا تعمیر: ناممکن ہے، وضاحت دیئے:آنیماشن سے متعلق اپریئٹس.
ورژن: CSS3
جسکریپٹ گرامر: object.style.flexFlow="column nowrap"

براوزر کی حمایت

جداول میں دی گئی اعداد اس کی پوری حمایت کی پہلی براوزر ورژن کو نوٹ کرتی ہیں.

تبدیل کی اعداد میں -webkit-،-ms- یا -moz- کا پہلا ورژن استعمال کئے جانے والی شمار کی شرط دکھائی دیتی ہیں.

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