প্রকাশিত: ১৪ জানুয়ারী, ২০২৬
Chrome 145 থেকে, মাল্টি-কলাম লেআউট লেভেল টু স্পেসিফিকেশনের column-wrap এবং column-height বৈশিষ্ট্যগুলি সমর্থিত। এই বৈশিষ্ট্যগুলি আপনাকে ব্লকের দিকে একটি নতুন সারিতে কলামগুলি মোড়ানোর সুযোগ দেয়।
Chrome 145 এর আগে, যদি মাল্টিকল কন্টেইনারের উচ্চতা সীমাবদ্ধ করা হত, তাহলে যে কন্টেন্টগুলি উপলব্ধ স্থানের মধ্যে ফিট করত না সেগুলি ইনলাইন দিকে ওভারফ্লো কলাম হিসাবে প্রদর্শিত হত। এটি ওয়েবে একটি অনুভূমিক স্ক্রলবার তৈরি করত।
column-height এবং column-wrap বৈশিষ্ট্যের সাহায্যে আপনি কলামের সারির জন্য একটি উচ্চতা সেট করতে পারেন এবং ওভারফ্লো কলামগুলিকে একটি নতুন সারি হিসাবে প্রদর্শিত হতে সেট করতে পারেন।
নতুন সারি কলামের তৈরি করতে সক্ষম হওয়া বর্তমান পরিস্থিতির চারপাশে একটি পথ তৈরি করে, যেখানে আপনার পছন্দ হলো লোকেদের কলাম পড়ার জন্য উপরে এবং নীচে স্ক্রোল করা, অথবা যেখানে অপ্রত্যাশিত পরিমাণে কন্টেন্ট থাকে সেখানে অনুভূমিক স্ক্রলবারের ঝুঁকি নেওয়া।
এটি ব্লক ডিরেকশন ক্যারোসেলের মতো প্যাটার্নগুলিকেও সক্ষম করে, যেখানে কলাম তৈরি করা হয় যা উপলব্ধ ভিউপোর্ট উচ্চতা পূরণ করে। কলামের পরবর্তী সারিটি পড়তে আপনাকে ব্লক ডিরেকশনের পরবর্তী স্ক্রিনে স্ক্রোল করতে হবে।
একটি স্পষ্ট পঠন অভিজ্ঞতা তৈরি করুন
একাধিক সারি কলামের সাহায্যে একটি অস্পষ্ট পঠন অভিজ্ঞতা তৈরি করা সম্ভব হবে, যেখানে পাঠকের কাছে এটি স্পষ্ট নয় যে একাধিক সারি আছে, এবং তারা ফাঁকটি এড়িয়ে কলামটি পড়া চালিয়ে যেতে থাকে। এটি এমন একটি বিষয় যা আপনার UI ডিজাইনে বিবেচনা করা উচিত। সারি-ব্যবধানে সজ্জা যোগ করার আসন্ন ক্ষমতা আপনাকে এই দৃশ্যমান পার্থক্য তৈরি করার জন্য একটি অতিরিক্ত সরঞ্জাম দেবে।
সারিবদ্ধ নিয়ম শীঘ্রই আসছে
মাল্টিকল লেভেল ১ স্পেসিফিকেশনে একটি কলাম-রুল স্টাইল করার জন্য বৈশিষ্ট্য অন্তর্ভুক্ত থাকে; এই নিয়মটি কলামের মধ্যে ফাঁকে স্থাপন করা হয়। স্টাইলিং সারি নিয়মের বৈশিষ্ট্যগুলি নতুন CSS Gap Decorations স্পেসিফিকেশনে অন্তর্ভুক্ত করা হয়েছে, যা বর্তমানে ডেভেলপার ট্রায়ালে রয়েছে। এটি স্থিতিশীল হয়ে গেলে, আপনি গ্রিড, ফ্লেক্সবক্স এবং মাল্টিকল-এ সারি এবং কলামের নিয়ম যোগ করতে পারবেন।