এটি অলঙ্কৃত নয়: আমি CSS মাল্টি-কলাম লেআউটের জন্য দুর্দান্ত ব্যবহারের ক্ষেত্রে খুঁজে পেতে সত্যিই আগ্রহী।
উত্তর সোজা মনে হয়. আপনি যখন কোনো বিষয়বস্তুকে কলামে বিভক্ত করতে চান তখন কলাম ব্যবহার করুন, তাই না? এখানে সাধারণত এমন একটি উদাহরণ রয়েছে যা আপনি নিবন্ধগুলিতে পাবেন যা দেখায় যে কীভাবে CSS মিউটলি-কলাম লেআউটগুলি কাজ করে, আমাদের নিজস্ব সহ পাঁজি:
ঠিক. কিন্তু এটি একটি বাস্তব ব্যবহারের ক্ষেত্রে? Mmmmm হয়তো। যদি পাঠ্যটি তুলনামূলকভাবে সংক্ষিপ্ত হয় তবে সম্ভবত এটি একটি সুন্দর স্পর্শ। আমার ওয়েবসাইটটি পুনরায় ডিজাইন করার সময় আমি নিজের কাছে এটি বিক্রি করেছি কয়েক বছর আগে. এটি আজকে সেভাবে নয়, তবে তখন এটি দেখতে কেমন ছিল:
কিন্তু একটি সম্পূর্ণ দীর্ঘ ফর্ম নিবন্ধ কলামে বিভক্ত? আমি সংবাদপত্রে এটি পছন্দ করি কিন্তু একটি কলাম পড়ার জন্য একটি ওয়েবপৃষ্ঠা স্ক্রোল করতে দ্বিধাবোধ করি, শুধুমাত্র এটি আবার করার জন্য ব্যাক আপ স্ক্রোল করতে।
আমি মনে করি আমরা দুটি উপাদান পাশাপাশি রাখতে এটি ব্যবহার করতে পারি, তবে ফ্লেক্সবক্স এটির জন্য আরও উপযুক্ত। এছাড়াও, একটি সীমাবদ্ধতা আমাদেরকে পৃথকভাবে আকারের জন্য কলাম নির্বাচন করতে বাধা দেয়। কলাম একই প্রস্থ হতে হবে.
একটি জিনিস কলাম তাদের জন্য যাচ্ছে যে তারা একমাত্র CSS লেআউট পদ্ধতি যে টুকরা বিষয়বস্তু (অর্থাৎ, যতক্ষণ না আমরা গণনা করছি CSS অঞ্চল… যাইহোক, তাদের কি হয়েছে?!) সুতরাং, আপনি যদি একটি অনুচ্ছেদকে কলামে বিভক্ত করতে চান, তবে অতিরিক্ত মোড়ক ছাড়াই এটি ইতিমধ্যেই সম্ভব।
আর কখন আপনাকে কলামে সামগ্রীর একটি অবিচ্ছিন্ন ব্লক বিভক্ত করতে হবে? আমার মনে আছে এটা করার দরকার ছিল যখন আমার কাছে আইটেমগুলির একটি বড় অলংকৃত তালিকা ছিল। আমি পছন্দ করি যে তালিকাগুলি বিষয়বস্তুকে স্ক্যান করা সহজ করে তুলতে পারে, তবে দীর্ঘ তালিকাগুলি পৃষ্ঠার একপাশে সুপার ভারী দেখাতে পারে। ধরা যাক, উদাহরণস্বরূপ, আমরা বর্ণানুক্রমিক গোষ্ঠীতে CSS-Tricks-এর জন্য সমস্ত পোস্ট ট্যাগ তালিকাভুক্ত করছিলাম। একটি মাল্টি-কলাম লেআউট এর জন্য সুন্দরভাবে কাজ করে:
এগিয়ে যান এবং ভিউপোর্ট প্রস্থের আকার পরিবর্তন করার চেষ্টা করুন। তিনটি কলাম সংজ্ঞায়িত করা হয়েছে তবে উপলব্ধ স্থানের পরিমাণের উপর ভিত্তি করে সংখ্যাটি পরিবর্তিত হবে। মিডিয়া কোয়েরি কাজ ছাড়া যে সব প্রতিক্রিয়াশীল ধার্মিকতা ভালোবাসতে হবে!
আমি এর জন্য একটি ডেমোতে কাজ করছিলাম :left
ছদ্ম-শ্রেণী এবং পৌঁছেছেন জন্য columns
কারণ এটি ডেমো মুদ্রণের জন্য জিনিসগুলিকে খণ্ডিত করার একটি দুর্দান্ত উপায়। সুতরাং, আমি অনুমান অন্য ব্যবহারের ক্ষেত্রে আছে. এবং একটি ডেমো তৈরি করার সময়, আমি বুঝতে পেরেছিলাম যে একটি চিত্র গ্যালারির মতো আইটেমগুলির একটি রাজমিস্ত্রির গ্রিড তৈরি করতে একটি বহু-কলাম বিন্যাস ব্যবহার করা যেতে পারে:
কিন্তু আর কি? আমরা কি সংক্ষিপ্ত অনুচ্ছেদ, দীর্ঘ তালিকা এবং মুক্ত-প্রবাহিত গ্রিডে সীমাবদ্ধ?