On This Page
Web Development - CSS - সিএসএস ব্যাসিক(CSS Basic) | NCTB BOOK
display: inline-block;
দীর্ঘ সময় ধরে float প্রোপার্টি ব্যবহার করে গ্রিড(gird) বক্স তৈরি করা হতো, ব্রাউজার রিসাইজ করলে যা ব্রাউজারের সম্পূর্ণ প্রস্থ দখল করে এবং কন্টেন্টসমূহকে সুন্দরভাবে মুড়িয়ে(wrapping) ফেলে।
যাইহোক display: inline-block; ব্যবহার করে এই কাজ আরো সহজে করা সম্ভব।
Inline-block এলিমেন্ট ইনলাইন এলিমেন্ট এর মতই, কিন্তু inline-block এর ক্ষেত্রে নির্দিষ্ট প্রস্থ এবং উচ্চতা থাকতে পারে।
float-ব্যবহারের পূর্বের পদ্ধতি
kt_satt_skill_example_id=823
inline-block এর নতুন ব্যবহার পদ্ধতি
নিচের উদাহরণে লক্ষ্য করুন, ফ্লোটিং বক্সে display:inline-block ব্যবহার করা হয়েছে ফলে পরের ফ্লোটিং এর জন্য clear প্রোপার্টি ব্যবহারের প্রয়োজন হয়নি।
kt_satt_skill_example_id=824
Content added By
Promotion
Download Our Mobile Apps
