స్టైల్ ఫ్లెక్స్ ఫ్లూ అత్యత్నం
- ముందు పేజీ flexDirection
- తరువాత పేజీ flexGrow
- పైకి తిరిగి HTML DOM Style 对象
నిర్వచనం మరియు ఉపయోగం
flexFlow అత్యత్నం ఉంది flexDirection మరియు flexWrap అత్యత్నం సరళీకరణ అత్యత్నం
flexDirection అత్యత్నం ఫ్లెక్సిబిలిటీ అంశాల దిశను నిర్ధారిస్తుంది.
flexWrap అత్యత్నం ఫ్లెక్సిబిలిటీ అంశాలు పరివర్తనలు చేయాలా అని నిర్ధారిస్తుంది.
ప్రకటన:ఉపాంగం ఫ్లెక్సిబిలిటీ అంశం కాదు ఉంటే flexFlow అత్యత్నం అదురు
మరింత చూడండి:
CSS సందర్భంలో సూచికflex-flow అత్యత్నం
ఉదాహరణ
ఫ్లెక్సిబిలిటీ అంశాలను కలనుండి ప్రదర్శించండి మరియు పరివర్తనలు చేయకూడదు:
document.getElementById("main").style.flexFlow = "column nowrap";
సింటాక్స్
flexFlow అత్యత్నాన్ని రిటర్న్ చేయండి:
object.style.flexFlow
flexFlow అత్యత్నాన్ని సెట్ చేయండి:
object.style.flexFlow = "flex-direction flex-wrap|initial|inherit"
అత్యత్నం విలువలు
| విలువలు | వివరణ |
|---|---|
| flex-direction |
సాధ్యమైన విలువలు:
డిఫాల్ట్ వాల్యూ ఉంది "row". ఫ్లెక్సిబిలిటీ అంశాల దిశను నిర్ధారిస్తుంది. |
| flex-wrap |
సాధ్యమైన విలువలు:
డిఫాల్ట్ వాల్యూ ఉంది "nowrap". ఫ్లెక్సిబిలిటీ అంశాలు పరివర్తనలు చేయాలా అని నిర్ధారిస్తుంది. |
| initial | ఈ అత్యత్నాన్ని డిఫాల్ట్ వాల్యూగా సెట్ చేయండి. చూడండి initial. |
| inherit | ఈ అత్యత్నాన్ని తండ్రి ఉపాంగం నుండి పారదర్శకంగా పారదర్శకంగా అనుసరించండి. చూడండి inherit. |
టెక్నికల్ వివరాలు
| డిఫాల్ట్ వాల్యూ: | row nowrap |
|---|---|
| రిటర్న్ వాల్యూ: | స్ట్రింగ్ వాల్యూస్ వాల్యూ, దీనిద్వారా ఉపాంగం యొక్క flex-flow అత్యత్నం. |
| CSS వెర్షన్: | CSS3 |
బ్రౌజర్ మద్దతు
ఈ పట్టికలో సంఖ్యలు ఈ అత్యత్నాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ను పేర్కొన్నాయి.
| చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
|---|---|---|---|---|
| చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
| మద్దతు | 11.0 | మద్దతు | 9.0 | మద్దతు |
సంబంధిత పేజీలు
HTML DOM STYLE సందర్భంలో సూచికflex అత్యత్నం
HTML DOM STYLE సందర్భంలో సూచికflexBasis అత్యత్నం
HTML DOM STYLE సందర్భంలో సూచికflexDirection అత్యత్నం
HTML DOM STYLE సందర్భంలో సూచికflexGrow అత్యత్నం
HTML DOM STYLE సందర్భంలో సూచికflexShrink అత్యత్నం
HTML DOM STYLE సందర్భంలో సూచికflexWrap అత్యత్నం
- ముందు పేజీ flexDirection
- తరువాత పేజీ flexGrow
- పైకి తిరిగి HTML DOM Style 对象
