CSS ఫ్లెక్స్-వ్రాప్ అంశం

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

flex-wrap అంశం ఫ్లెక్సిబిలిటీ అంశాలకు పునఃక్రమణం చేయాలా లేదా కాదా నిర్దేశిస్తుంది.

ప్రకటన:ఫ్లెక్స్ అంశం ఫ్లెక్సిబిలిటీ అంశం కాదా అని పరిగణించబడదు.

CSS సందర్శన పాఠ్యక్రమం:flex అంశం

CSS సందర్శన పాఠ్యక్రమం:flex-basis అంశం

CSS సందర్శన పాఠ్యక్రమం:flex-direction అంశం

CSS సందర్శన పాఠ్యక్రమం:flex-flow అంశం

CSS సందర్శన పాఠ్యక్రమం:flex-grow అంశం

CSS సందర్శన పాఠ్యక్రమం:flex-shrink అంశం

HTML DOM సందర్శన పాఠ్యక్రమం:flexWrap అంశం

ఫ్లెక్సిబిలిటీ అంశాలను అవసరమైనప్పుడు పునఃక్రమణం చేయండి:

div {
  display: flex;   
  flex-wrap: wrap;
}

flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;

విలువ	వివరణ
nowrap	అప్రమేయ విలువ. ఫ్లెక్సిబిలిటీ అంశాలు పునఃక్రమణం చేయబడకుండా ఉంటాయి.
wrap	ఫ్లెక్సిబిలిటీ అంశాలు అవసరమైనప్పుడు పునఃక్రమణం చేయబడతాయి.
wrap-reverse	ఫ్లెక్సిబిలిటీ అంశాలు అవసరమైనప్పుడు పునఃక్రమణం చేయబడతాయి. ప్రతిపాదించబడింది ముందుకు వెళ్ళిపోవడానికి.
initial	ఈ అంశాన్ని అప్రమేయ విలువకు సెట్ చేయండి. చూడండి: initial.
inherit	ఈ అంశాన్ని అప్రమేయ విలువకు సెట్ చేయండి. చూడండి: inherit.

అప్రమేయ విలువ	nowrap
వారిస్థాపకత్వం:	లేదు
అనిమేషన్ తయారీ:	మద్దతు లేదు. చూడండి:అనిమేషన్ సంబంధిత అంశాలు.
వెర్షన్:	CSS3
JavaScript సంకేతాలు:	object.style.flexWrap="nowrap"

ఈ పట్టికలో ఇట్టే అనువర్తించే ప్రతి అంశానికి మొదటి బ్రౌజర్ వెర్షన్ నిర్దేశించబడింది.

ఈ సంఖ్యలు ముందుకు సంకేతించే ప్రాధమిక సంస్కరణను ప్రతిపాదిస్తాయి.

క్రోమ్	IE / ఎండ్జ్	ఫైర్‌ఫాక్స్	సఫారీ	ఓపెరా
29.0 21.0 -webkit-	11.0	28.0 18.0 -moz-	9.0 6.1 -webkit-	17.0