CSS-এ ফ্লেক্স বক্সের প্রধান অক্ষ এবং ক্রস অক্ষ

ফ্লেক্সবক্স সম্পর্কে দুটি পরিভাষায় কথা বলা যেতে পারে: প্রথমটি হলো - সারি বা কলাম, দ্বিতীয়টি - অক্ষের পরিভাষায়। সারি এবং কলাম নিয়ে আমরা ইতিমধ্যেই আলোচনা করেছি, এখন আসুন অক্ষ নিয়ে আলোচনা করি। অক্ষ বোঝা প্রয়োজন যাতে উপাদানগুলিকে অনুভূমিক বা উল্লম্বভাবে সারিবদ্ধ করা যায়।

ফ্লেক্স উপাদানগুলির সাথে কাজ করার সময় সর্বদা একটি প্রধান অক্ষ এবং একটি ক্রস অক্ষ থাকে। আমরা উপাদানগুলিকে প্রধান অক্ষ বরাবর এবং প্রধান অক্ষের অনুপ্রস্থে সারিবদ্ধ করতে পারি। প্রধান অক্ষের 4 টি দিক হতে পারে: বাম থেকে ডানে, ডান থেকে বামে, উপর থেকে নীচে এবং নীচ থেকে উপরে।

ক্রস অক্ষের দিক প্রধান অক্ষের দিকের উপর নির্ভর করে: যদি প্রধান অক্ষটি অনুভূমিক হয়, তবে ক্রস অক্ষটি উপরে থেকে নীচের দিকে পরিচালিত হয়, যদি প্রধান অক্ষটি উল্লম্ব হয়, তবে ক্রস অক্ষটি বাম থেকে ডানের দিকে পরিচালিত হয়। ক্রস অক্ষের অন্য কোন দিক হতে পারে না।

প্রধান অক্ষের দিক নিয়ন্ত্রিত হয় flex-direction বৈশিষ্ট্য দ্বারা। যদি এই বৈশিষ্ট্যের মান row হয় - প্রধান অক্ষটি বাম থেকে ডানের দিকে পরিচালিত হয়, যদি মান row-reverse হয়, তবে ডান থেকে বামে। মান column অক্ষটিকে উপরে থেকে নীচের দিকে পরিচালিত করে, এবং মান column-reverse - নীচ থেকে উপরের দিকে।