CSS ফ্লেক্স-ফ্লো প্রতিশব্দ

  • পূর্ববর্তী পৃষ্ঠা flex-direction
  • পরবর্তী পৃষ্ঠা flex-grow

সংজ্ঞা ও ব্যবহার

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
JavaScript 语法： object.style.flexFlow="column nowrap"

ব্রাউজার সমর্থন

টেবিলের সংখ্যা এই প্রক্রিয়াটির পূর্ণাঙ্গ সমর্থনকারী প্রথম ব্রাউজার সংস্করণকে নির্দেশ করে。

অনুসরণ -webkit-、-ms- বা -moz- এর সংখ্যার নির্দেশ দিয়ে প্রথম সংস্করণ ব্যবহার করুন。

Chrome IE / Edge Firefox Safari Opera
29.0
21.0 -webkit-		 11.0 28.0
18.0 -moz-		 9.0
6.1 -webkit-		 17.0
  • পূর্ববর্তী পৃষ্ঠা flex-direction
  • পরবর্তী পৃষ্ঠা flex-grow