CSS ตัวเลือก align-content
- পূর্ববর্তী পৃষ্ঠা accent-color
- পরবর্তী পৃষ্ঠা align-items
定义和用法
align-content 属性修改 flex-wrap 属性的行为。它与 align-items 相似，但是它不对齐弹性项目，而是对齐弹性线。
注意：必须有多行项目，此属性才能生效！
提示：使用 justify-content 属性可将主轴（main-axis）上的项目水平对齐。
অন্যান্য দেখুন:
CSS টিউটোরিয়াল:CSS Flexbox
CSS টিউটোরিয়াল:CSS গ্রিড
CSS রেফারেন্স ম্যানুয়েল:align-items অ্যাট্রিবিউট
CSS রেফারেন্স ম্যানুয়েল:align-self অ্যাট্রিবিউট
CSS রেফারেন্স ম্যানুয়েল:justify-content অ্যাট্রিবিউট
HTML DOM রেফারেন্স ম্যানুয়েল:alignContent অ্যাট্রিবিউট
ইনস্ট্যান্স
হাইপারফ্লেক্স কন্টেনারের মধ্যে হাইপারফ্লেক্স এলিমেন্টকে প্যাক করুন:
div {
width: 70px;
height: 300px;
border: 1px solid #c3c3c3;
display: flex;
flex-wrap: wrap;
align-content: center;
}
CSS সংজ্ঞা
align-content: stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit;
অ্যাট্রিবিউট মান
| মান | বর্ণনা |
|---|---|
| stretch | ডিফল্ট মান। হাইপারফ্লেক্স এলিমেন্টটি বাকি জায়গা দখল করে |
| center | হাইপারফ্লেক্স কন্টেনারের মধ্যের দিকে হাইপারফ্লেক্স এলিমেন্টকে প্যাক করা হয় |
| flex-start | হাইপারফ্লেক্স কন্টেনারের ভাবের দিকে হাইপারফ্লেক্স এলিমেন্টকে প্যাক করা হয় |
| flex-end | হাইপারফ্লেক্স কন্টেনারের শেষের দিকে হাইপারফ্লেক্স এলিমেন্টকে প্যাক করা হয় |
| space-between | সারুনির্দিষ্ট হাইপারফ্লেক্স কন্টেনারে হাইপারফ্লেক্স এলিমেন্টটি সমতলভাবে বিতরণ করা হয় |
| space-around | সারুনির্দিষ্ট হাইপারফ্লেক্স কন্টেনারে হাইপারফ্লেক্স এলিমেন্টটি সমতলভাবে বিতরণ করা হয়, দুই প্রান্তে পড়ে থাকে |
| initial | এই অ্যাট্রিবিউটকে তার ডিফল্ট মানে সংজ্ঞায়িত করুন। দেখুন initial。 |
| inherit | এই অ্যাট্রিবিউটটি তার পিতৃত্ব ইলেক্ট্রনটি থেকে উত্তরণ করে। দেখুন inherit。 |
প্রযুক্তিগত বিবরণ
| ডিফল্ট মান: | stretch |
|---|---|
| উত্তরণ: | না |
| অ্যানিমেশন নির্মাণ: | সমর্থিত না। দেখুন:অ্যানিমেশন-সংক্রান্ত অ্যাট্রিবিউট。 |
| সংস্করণ: | CSS3 |
| JavaScript সংজ্ঞা: | object.style.alignContent="center" |
ব্রাউজার সমর্থন
টেবিলের সংখ্যা এই অ্যাট্রিবিউটটি যে প্রথম ব্রাউজারটির সাথে পূর্ণ সমর্থন করে তা নির্দেশ করে。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 57.0 | 16.0 | 52.0 | 10.1 | 44.0 |
- পূর্ববর্তী পৃষ্ঠা accent-color
- পরবর্তী পৃষ্ঠা align-items
