ব্লক লেআউটের জন্য সারিবদ্ধ বিষয়বস্তু বৈশিষ্ট্য এখন বেসলাইনের অংশ

প্রকাশিত: ১৭ এপ্রিল, ২০২৪

এখন আপনি ব্লক এবং টেবিল লেআউটে CSS বক্স অ্যালাইনমেন্ট থেকে align-content প্রোপার্টি ব্যবহার করতে পারেন। এটি ফ্লেক্স বা গ্রিড লেআউট তৈরি না করেই ব্লকের দিকনির্দেশনা অ্যালাইনমেন্টের অনুমতি দেবে।

Browser Support

  • ক্রোম: ১২৩।
  • প্রান্ত: ১২৩।
  • ফায়ারফক্স: ১২৫।
  • সাফারি: ১৭.৪।

একটি আইটেমকে উল্লম্বভাবে কেন্দ্রীভূত করার একসময়ের অসম্ভব কাজটি flexbox এবং grid, align-content property এর মাধ্যমে সহজতর করা হয়েছিল। তবে, এটিতে flex বা grid layout তৈরি করা জড়িত ছিল, শুধুমাত্র এই alignment করার জন্য। property টি ব্লক লেআউটের জন্য নির্দিষ্ট করা হয়েছিল, এবং গত কয়েক মাসে তিনটি প্রধান ইঞ্জিনই এই বৈশিষ্ট্যটি সরবরাহ করেছে।

ব্লক লেআউটের জন্য align-content উপলব্ধ থাকার ফলে, আপনি প্রপার্টিটি কাজ করার জন্য কোনও ফ্লেক্স বা গ্রিড লেআউট তৈরি না করেই উল্লম্ব অ্যালাইনমেন্ট অর্জন করতে পারবেন। আইটেমটি ব্লক আইটেম হিসাবে রয়ে যাওয়ায় কোনও অতিরিক্ত বৈশিষ্ট্যের প্রয়োজন নেই, একমাত্র পরিবর্তন হল অ্যালাইনমেন্টে।

align-content প্রোপার্টিটি একটি ব্লক কন্টেইনারের মধ্যে উল্লম্বভাবে শিরোনামকে কেন্দ্র করে।