Style justifyContent లక్షణం
- పైన పేజీ isolation
- తదుపరి పేజీ left
- పైకి తిరిగి వెళ్ళు HTML DOM Style 对象
నిర్వచనం మరియు ఉపయోగం
ప్రక్రియలు ప్రధాన అక్షం (హోరిజంటల్) మీద అన్ని అందుబాటులో ఉన్న స్థానాలను ఉపయోగించలేకపోయినప్పుడు justifyContent
ఫ్లెక్సిబుల్ కంటైనర్ ప్రక్రియలను అనుకూలీకరించండి.
సూచనఉపయోగించండి alignContent
అంతరాయం క్రింద ప్రక్రియలను అనుకూలీకరించండి.
మరింత చూడండి:
CSS సంక్షిప్త పరిశీలన పుస్తకం:justify-content లక్షణం
ఉదాహరణ
ఎలాగైనా ఫ్లెక్సిబుల్ <div> కంటైనర్ ప్రక్రియల మధ్య కొంత స్థానాలు కల్పించండి:
document.getElementById("main").style.justifyContent = "space-between";
సింథాక్స్
justify-content లక్షణం తిరిగి ఇచ్చే విలువలు:
object.style.justifyContent
justify-content లక్షణం సెట్ చేయండి:
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 |
---|---|
తిరిగి ఇచ్చే విలువలు: | వచనం అనేది అంటే కెల్లా ప్రక్రియా వినియోగించబడుతుంది justify-content లక్షణం. |
CSS వెర్షన్ ఉంది: | CSS3 |
బ్రౌజర్ మద్దతు
క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
---|---|---|---|---|
క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
మద్దతు | 12.0 | మద్దతు | 9.0 | మద్దతు |
సంబంధిత పేజీలు
HTML DOM STYLE సంక్షిప్త పరిశీలన పుస్తకం:alignContent లక్షణం
HTML DOM STYLE సంక్షిప్త పరిశీలన పుస్తకం:alignItems లక్షణం
HTML DOM STYLE సంక్షిప్త పరిశీలన పుస్తకం:alignSelf లక్షణం
- పైన పేజీ isolation
- తదుపరి పేజీ left
- పైకి తిరిగి వెళ్ళు HTML DOM Style 对象