مثال
جعل بعض المساحة بين عناصر من مرونة <div> العنصر:
document.getElementById("main".style.justifyContent = "space-between"; انها محاولة لنفسك » تعريف والاستخدام
الخاصية justifyContent محاذاة العناصر الحاوية مرنة عندما البنود لا تستخدم كل المساحة المتوفرة على المحور الرئيسي (horizontally) .
نصيحة: استخدم خاصية alignContent لمحاذاة العناصر على عبر محور (vertically) .
دعم المتصفح
ويدعم خاصية تبرير-المحتوى في فايرفوكس، أوبرا، وكروم.
بناء الجملة
إعادة الممتلكات 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 | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
تفاصيل تقنية
| القيمة الافتراضية: | المرن بدء |
|---|---|
| قيمة الإرجاع: | A سلسلة تمثل الملكية تبرير المحتوى عنصر |
| صفحة CSS | CSS3 |
صفحات ذات صلة
CSS المرجع justify-content property
HTML DOM STYLE المرجعي: alignContent property
HTML DOM STYLE المرجعي: alignItems property
HTML DOM STYLE المرجعي: alignSelf property
<كائن نمط