Style alignItems అట్రిబ్యూట్
- 上一页 alignContent
- 下一页 alignSelf
- 返回上一层 HTML DOM Style 对象
నిర్వచనం మరియు ఉపయోగం
alignItems
అట్రిబ్యూట్ ఫ్లెక్స్ కంటైనర్ లోని ప్రాంతాలకు డిఫాల్ట్ జతకు నిర్ణయిస్తుంది.
సూచన:ప్రతి ప్రాంతానికి ఉపయోగించండి: align-self అట్రిబ్యూట్ ఆధారం చేయండి: align-items అట్రిబ్యూట్.
ఉదాహరణ
ఫ్లెక్సిబుల్ <div> ఎల్లా ప్రాంతాలను కంటైనర్ ప్రాంతంలో ప్రాంతంలో స్థానం చేయండి:
document.getElementById("main").style.alignItems = "flex-start";
సింథాక్స్
alignItems అట్రిబ్యూట్ ను తిరిగి వచ్చే విలువ:
object.style.alignItems
alignItems అట్రిబ్యూట్ ను సెట్ చేయండి:
object.style.alignItems = "stretch|center|flex-start|flex-end|baseline|initial|inherit"
అట్రిబ్యూట్ విలువ
విలువ | వివరణ |
---|---|
stretch | డిఫాల్ట్. ప్రాంతం ప్రాంతంలో సరిపోయేలా స్ట్రెచ్ చేయబడుతుంది. |
center | ప్రాంతం కంటైనర్ యొక్క మధ్యలో ఉంది. |
flex-start | ప్రాంతం కంటైనర్ యొక్క ప్రాంతంలో ఉంది. |
flex-end | ప్రాంతం కంటైనర్ యొక్క అంతంలో ఉంది. |
baseline | ప్రాంతం కంటైనర్ యొక్క బేసైన్ ను స్థానం చేయబడుతుంది. |
initial | ఈ అట్రిబ్యూట్ ను దాని డిఫాల్ట్ విలువకు సెట్ చేయండి. చూడండి: initial. |
inherit | ఈ అట్రిబ్యూట్ ను తన మూల అంగానికి ఈ అట్రిబ్యూట్ ను పారదర్శకంగా సెట్ చేయండి. చూడండి: inherit. |
సాంకేతిక వివరాలు
డిఫాల్ట్ విలువ: | stretch |
---|---|
తిరిగి వచ్చే విలువ: | స్ట్రింగ్ ఉంది అనేది అంగానికి ప్రతినిధ్యం చేస్తుంది: align-items అట్రిబ్యూట్. |
CSS వెర్షన్: | CSS3 |
బ్రౌజర్ మద్దతు
alignItems
ఇది CSS3 (1999) లక్షణం.
అన్ని బ్రౌజర్లు పూర్తిగా దానిని మద్దతు చేస్తాయి:
క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా | IE |
---|---|---|---|---|---|
క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా | IE |
మద్దతు ఉంది: | మద్దతు ఉంది: | మద్దతు ఉంది: | మద్దతు ఉంది: | మద్దతు ఉంది: | 11 |
సంబంధిత పేజీలు:
CSS పరిశీలన మానలు:align-items అట్రిబ్యూట్
HTML DOM STYLE 参考手册:alignContent 属性
HTML DOM STYLE 参考手册:alignSelf 属性
- 上一页 alignContent
- 下一页 alignSelf
- 返回上一层 HTML DOM Style 对象