نمونه justifyContent استایل
- پچھلے پیج ایزولیشن
- آئندہ پیج بعد
- بعد کی سطح واپس جائیں موضوع Style HTML DOM
تعریف و استفاده
وقتی پروژه‌ها از تمام فضای قابل استفاده محور اصلی (افقی) استفاده نمی‌کنند، justifyContent نمونه‌ها پروژه‌های جعبه انعطاف‌پذیر را مرتب می‌کنند.
توجه:لطفاً از alignContent نمونه‌ها در محور افقی (عمودی) پروژه‌ها را مرتب کنند.
لطفاً به
مرجع CSS:justify-content نمونه
مثال
فضای خالی را بین پروژه‌های <div> انعطاف‌پذیر در نظر بگیرید:
document.getElementById("main").style.justifyContent = "space-between";
نحوه نوشتن
برگشت justifyContent نمونه:
موضوع.style.justifyContent
تنظیم justifyContent نمونه:
موضوع.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 |
|---|---|
| برگشت به ارزش: | خطوط، که بیانگر justify-content نمونه. |
| CSS نسخه: | CSS3 |
پشتیبانی مرورگر
| کروم | ایج | فایرفاکس | سافاری | آپرا |
|---|---|---|---|---|
| کروم | ایج | فایرفاکس | سافاری | آپرا |
| پشتیبانی | 12.0 | پشتیبانی | 9.0 | پشتیبانی |
معلومات مرتبط
HTML DOM STYLE مرجع کتاب:alignContent نمونه
HTML DOM STYLE مرجع کتاب:alignItems نمونه
HTML DOM STYLE مرجع کتاب:alignSelf خصوصیت
- پچھلے پیج ایزولیشن
- آئندہ پیج بعد
- بعد کی سطح واپس جائیں موضوع Style HTML DOM
