Style alignContent属性
- پچھلے پیمانے واپس alignContent
- پائیدھا alignItems
- کوئی پیمانہ واپس ایچ تی ایمل ڈوم اسٹائل آوبجیکٹ
تعریف و استفاده
وقتی که پروژه‌ها از فضای قابل استفاده تمامی محور افقی (عمودی) استفاده نمی‌کنند،alignContent خصیصه‌ها را برای تراز کردن پروژه‌های قالب انعطاف‌پذیر استفاده کنید.
توصیه:لطفاً از justifyContent属性 پروژه‌ها را در محور اصلی (水平和erty) مرتب کنید.
نکته:برای اینکه این خصیصه مؤثر باشد، باید پروژه‌های چند سطری داشته باشید.
مثال
برای قرار دادن پروژه‌های عنصر <div> انعطاف‌پذیر در بین دو سطر با فضای باقی مانده:
document.getElementById("main").style.alignContent = "space-between";
نحوه نوشتن
خصیصه alignContent بازگشتی:
object.style.alignContent
برای تنظیم خصیصه alignContent:
object.style.alignContent = "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 |
|---|---|
| مقدار بازگشتی: | رشته‌ای که بیانگر align-content خصیصه. |
| نسخه CSS: | CSS3 |
پشتیبانی مرورگر
alignContent این یک ویژگی CSS3 (1999) است.
همه مرورگرها این را به طور کامل پشتیبانی می‌کنند:
| Chrome | Edge | Firefox | Safari | Opera | IE |
|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera | IE |
| پشتیبانی می‌کند | پشتیبانی می‌کند | پشتیبانی می‌کند | پشتیبانی می‌کند | پشتیبانی می‌کند | 11 |
صفحات مرتبط
CSS مرجع کتاب:align-content خصیصه
HTML DOM STYLE مرجع کتاب:alignItems خصیصه
HTML DOM STYLE مرجع کتاب:alignSelf خصیصه
HTML DOM STYLE مرجع کتاب:justifyContent属性
- پچھلے پیمانے واپس alignContent
- پائیدھا alignItems
- کوئی پیمانہ واپس ایچ تی ایمل ڈوم اسٹائل آوبجیکٹ
