ব্লক লেআউটের জন্য সারিবদ্ধ বিষয়বস্তু বৈশিষ্ট্য এখন বেসলাইনের অংশ
সেভ করা পৃষ্ঠা গুছিয়ে রাখতে 'সংগ্রহ' ব্যবহার করুন
আপনার পছন্দ অনুযায়ী কন্টেন্ট সেভ করুন ও সঠিক বিভাগে রাখুন।
Rachel Andrew
প্রকাশিত: ১৭ এপ্রিল, ২০২৪
এখন আপনি ব্লক এবং টেবিল লেআউটে CSS বক্স অ্যালাইনমেন্ট থেকে align-content প্রোপার্টি ব্যবহার করতে পারেন। এটি ফ্লেক্স বা গ্রিড লেআউট তৈরি না করেই ব্লকের দিকনির্দেশনা অ্যালাইনমেন্টের অনুমতি দেবে।
Browser Support
123
123
125
17.4
একটি আইটেমকে উল্লম্বভাবে কেন্দ্রীভূত করার একসময়ের অসম্ভব কাজটি flexbox এবং grid, align-content property এর মাধ্যমে সহজতর করা হয়েছিল। তবে, এটিতে flex বা grid layout তৈরি করা জড়িত ছিল, শুধুমাত্র এই alignment করার জন্য। property টি ব্লক লেআউটের জন্য নির্দিষ্ট করা হয়েছিল, এবং গত কয়েক মাসে তিনটি প্রধান ইঞ্জিনই এই বৈশিষ্ট্যটি সরবরাহ করেছে।
ব্লক লেআউটের জন্য align-content উপলব্ধ থাকার ফলে, আপনি প্রপার্টিটি কাজ করার জন্য কোনও ফ্লেক্স বা গ্রিড লেআউট তৈরি না করেই উল্লম্ব অ্যালাইনমেন্ট অর্জন করতে পারবেন। আইটেমটি ব্লক আইটেম হিসাবে রয়ে যাওয়ায় কোনও অতিরিক্ত বৈশিষ্ট্যের প্রয়োজন নেই, একমাত্র পরিবর্তন হল অ্যালাইনমেন্টে।
align-content প্রোপার্টিটি একটি ব্লক কন্টেইনারের মধ্যে উল্লম্বভাবে শিরোনামকে কেন্দ্র করে।
[[["সহজে বোঝা যায়","easyToUnderstand","thumb-up"],["আমার সমস্যার সমাধান হয়েছে","solvedMyProblem","thumb-up"],["অন্যান্য","otherUp","thumb-up"]],[["এতে আমার প্রয়োজনীয় তথ্য নেই","missingTheInformationINeed","thumb-down"],["খুব জটিল / অনেক ধাপ","tooComplicatedTooManySteps","thumb-down"],["পুরনো","outOfDate","thumb-down"],["অনুবাদ সংক্রান্ত সমস্যা","translationIssue","thumb-down"],["নমুনা / কোড সংক্রান্ত সমস্যা","samplesCodeIssue","thumb-down"],["অন্যান্য","otherDown","thumb-down"]],["2024-04-17 UTC-তে শেষবার আপডেট করা হয়েছে।"],[],[]]