Style justifyContent లక్షణం

నిర్వచనం మరియు ఉపయోగం

ప్రక్రియలు ప్రధాన అక్షం (హోరిజంటల్) మీద అన్ని అందుబాటులో ఉన్న స్థానాలను ఉపయోగించలేకపోయినప్పుడు 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 లక్షణం