বিষয়বস্তুতে যান

CSS Flexbox জেনারেটর

লাইভ প্রিভিউ সহ CSS Flexbox লেআউট ভিজ্যুয়ালি তৈরি করুন। দিক, justify-content, align-items, wrap এবং gap সমন্বয় করুন। CSS কোড কপি করুন। বিনামূল্যে অনলাইন টুল।

প্রিভিউ

CSS আউটপুট
 

CSS Flexbox কী?

CSS Flexible Box Layout (Flexbox) সারি বা কলামে আইটেম সাজানোর জন্য একটি এক-মাত্রিক লেআউট পদ্ধতি। আইটেমগুলো অতিরিক্ত স্থান পূরণ করতে প্রসারিত হয় বা ছোট স্থানে ফিট হতে সংকুচিত হয়। এটি নমনীয়, রেস্পন্সিভ লেআউট কাঠামো ডিজাইন করা সহজ করে।

প্রধান Flexbox প্রপার্টি

flex-direction প্রধান অক্ষের দিক সেট করে। justify-content প্রধান অক্ষ বরাবর আইটেম সারিবদ্ধ করে। align-items ক্রস অক্ষ বরাবর আইটেম সারিবদ্ধ করে। flex-wrap নিয়ন্ত্রণ করে আইটেমগুলো নতুন লাইনে র‍্যাপ হবে কিনা। gap আইটেমগুলোর মধ্যে ব্যবধান সেট করে।

গোপনীয়তা

সমস্ত flexbox জেনারেশন 100% আপনার ব্রাউজারে চলে। কোনো ডেটা কোনো সার্ভারে পাঠানো হয় না।