స్టైల్ అలాయిన్కంటెంట్ అట్రిబ్యూట్

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

అంశాలు హోరిజంటల్ (వర్గాలు)పై అన్ని అందుబాటులో ఉన్న స్థలం వినియోగించకపోతేalignContent ఫ్లెక్సిబుల్ కంటైనర్ యొక్క అంశాలను అట్రిబ్యూట్ సరిమిళ్ళించండి.

హిందూస్తాన్ఉపదేశం justifyContent 属性 ప్రధాన అక్షంపై (హోరిజంటల్) అంశాలను సరిమిళ్ళించండి.

ప్రతీక్షఈ అట్రిబ్యూట్ ను చేతనం చేయడానికి పలు పంక్తుల అంశాలు ఉండాలి.

ఉదాహరణ

ఫ్లెక్సిబుల్ <div> కంటైనర్ యొక్క అంశాలను కాంతి ఉన్న పంక్తుల్లో చేర్చండి:

document.getElementById("main").style.alignContent = "space-between";

స్వయంగా ప్రయత్నించండి

సంకేతం

alignContent అట్రిబ్యూట్ పునఃప్రాప్తి చేయండి:

object.style.alignContent

alignContent అట్రిబ్యూట్ సెట్ చేయండి:

object.style.alignContent = "stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit"

అట్రిబ్యూట్ విలువ

విలువ వివరణ
stretch డిఫాల్ట్ విలువ. పంక్తులు మిగిలిన స్థలం పాటిస్తాయి.
center అంశాలు కంటైనర్ యొక్క మధ్యలో ఉంటాయి.
flex-start అంశాలు కంటైనర్ యొక్క ప్రాంతంలో ప్రాంతంలో ఉంటాయి.
flex-end అంశాలు కంటైనర్ యొక్క అంతిమ ప్రక్కల్లో ఉంటాయి.
space-between అంశాలు కాంతి ఉన్న పంక్తుల్లో ఉంటాయి.
space-around ప్రతి అంశం యొక్క ప్రక్కన ప్రక్కన కాంతి ఉంటుంది.
initial ఈ అట్రిబ్యూట్ ను దాని డిఫాల్ట్ విలువకు సెట్ చేయండి. చూడండి initial.
inherit ఈ అట్రిబ్యూట్ ను తన ప్రాతిపల్యానికి పాటిస్తుంది. చూడండి inherit.

సాంకేతిక వివరణలు

డిఫాల్ట్ విలువ stretch
పునఃప్రాప్తి వివరణం స్ట్రింగ్ వివరణం ప్రతిపాదిస్తుంది ప్రతి కొన్ని అంశం align-content అట్రిబ్యూట్.
CSS వెర్షన్: CSS3

బ్రౌజర్ మద్దతు

alignContent ఇది CSS3 (1999) లక్షణం.

అన్ని బ్రౌజర్లు పూర్తిగా మద్దతు ఇస్తాయి：

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు 11

సంబంధిత పేజీలు

CSS పరిశీలన హాండ్బుక్：align-content అట్రిబ్యూట్

HTML DOM STYLE పరిశీలన హాండ్బుక్：alignItems అట్రిబ్యూట్

HTML DOM STYLE పరిశీలన హాండ్బుక్：alignSelf అట్రిబ్యూట్

HTML DOM STYLE పరిశీలన హాండ్బుక్：justifyContent 属性