ویژگی Style justifyContent
- صفحه قبلی isolation
- صفحه بعدی چپ
- برگشت به لایه بالاتر موضوع Style HTML DOM
تعریف و استفاده
هنگامی که پروژه‌ها از فضای قابل استفاده تمام محور اصلی (افقی) استفاده نمی‌کنند، justifyContent ویژگی‌ها پروژه‌های محفظه انعطاف‌پذیر را جابجا می‌کنند.
توضیحات:لطفاً از alignContent پروژه‌ها را در محور افقی (عمودی) جابجا کنید.
لطفاً به
دستورالعمل CSS:ویژگی justifyContent
مثال
فضای خالی بین پروژه‌های <div> انعطاف‌پذیر ایجاد کنید:
document.getElementById("main").style.justifyContent = "space-between";
منطق
بازگشتی از ویژگی justifyContent:
object.style.justifyContent
تنظیم ویژگی justifyContent:
object.style.justifyContent = "flex-start|flex-end|center|space-between|space-around|initial|inherit"
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| flex-start | مقدار پیش‌فرض. پروژه‌ها در شروع محفظه قرار دارند. |
| flex-end | پروژه‌ها در انتهای محفظه قرار دارند. |
| center | پروژه‌ها در مرکز محفظه قرار دارند. |
| space-between | فضای خالی را درون پروژه‌ها ایجاد کنید. |
| space-around | فضای خالی را در جلوی، درون و پس از پروژه‌ها ایجاد کنید. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | flex-start |
|---|---|
| مقدار بازگشتی: | رشته‌ای که نشان‌دهنده ویژگی justifyContent. |
| نسخه CSS: | CSS3 |
پشتیبانی مرورگر
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبانی | 12.0 | پشتیبانی | 9.0 | پشتیبانی |
صفحات مرتبط
دستورالعمل HTML DOM STYLE:ویژگی alignContent
دستورالعمل HTML DOM STYLE:ویژگی alignItems
دستورالعمل HTML DOM STYLE:ویژگی alignSelf
- صفحه قبلی isolation
- صفحه بعدی چپ
- برگشت به لایه بالاتر موضوع Style HTML DOM
