Style justifyContent गुण

रोज़ी और उपयोग

प्रोजेक्ट को मुख्य अक्ष (आड़ी) पर कोई सबसे अधिक जगह नहीं लेता है तो justifyContent फ्लेक्सिबल कंटेनर के प्रोजेक्ट को जोड़ें

सूचनाउपयोग करें alignContent स्थानों को आड़े रेखा (खड़ी) पर जोड़ें

अन्य संदर्भ

CSS संदर्भ पुस्तकःjustify-content गुण

उदाहरण

फ्लेक्सिबल <div> तत्व के प्रोजेक्ट के बीच कुछ स्थान छोड़ें

document.getElementById("main").style.justifyContent = "space-between";

अपने आप साफ करें

व्याकरण

justify-content गुण परिणाम वाला

ऑब्जेक्ट.style.justifyContent

justify-content गुण सेट करें

ऑब्जेक्ट.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 विशेषता