CSS మాక్స్-ఇన్లైన్-సైజ్ అట్రిబ్యూట్

定义和用法

max-inline-size 属性指定元素在行内方向上的最大尺寸。

如果内容在行内方向上的尺寸小于最大尺寸，则 max-inline-size లక్షణ విలువ చేయబడలేదు.

కంటెంట్ లోపలి దిశలో పరిమాణం గరిష్ట పరిమాణం కంటే పెద్దవి అయితే, ఈ లక్షణం ఆపాదించబడుతుంది. max-inline-size లక్షణ విలువ

గమనిక:సంబంధిత సిఎస్ఎస్ లక్షణాలు writing-mode లోపలి దిశను నిర్వచించింది, ఇది ఈ ప్రభావిస్తుంది: max-inline-size పరిణామాలను. ఇంగ్లీష్ పేజీలలో, బ్లాక్ దిశ క్రిందకు ఉంటుంది మరియు లోపలి దిశ ఎడమ నుండి కుడికి ఉంటుంది.

సిఎస్ఎస్ max-inline-size లక్షణం సిఎస్ఎస్ లక్షణం మాక్స్-హైత్ మరియు మాక్స్-వీడ్త చాలా వంటిది, కానీ max-inline-size లక్షణం లోపలి దిశపై ఆధారపడుతుంది.

ఉదాహరణ

ఉదాహరణ 1

డివ్ ఉపఘటకం లోపలి దిశలో గరిష్ట పరిమాణాన్ని 60 పిక్సెల్స్గా సెట్ చేయండి:

div {
  max-inline-size: 60px;
}

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

ఉదాహరణ 2: వ్రాస్తు పద్ధతి

డివ్ ఉపఘటకం యొక్క writing-mode లక్షణ విలువను vertical-rlగా సెట్ చేసినప్పుడు, లోపలి దిశ ప్రక్కతో నుండి క్రిందకు మారుతుంది, ఇది ఈ ప్రభావిస్తుంది: max-inline-size లక్షణం పనికి ప్రకారం:

div {
  max-inline-size: 60px;
  writing-mode: vertical-rl;
}

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

ఉదాహరణ 3: Max-inline-size vs Inline-size

ఒక <div> ఉపఘటకం చూడండి (inline-size 100px (మరొక <div> ఉపఘటకంతో)max-inline-size కంటెంట్ పరిమాణం మారినప్పుడు 100px (కంటెంట్ పరిమాణం మారినప్పుడు)

#div1 {
  max-inline-size: 100px;
}
#div2 {
  inline-size: 100px;
}

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

సిఎస్ఎస్ సంకేతాలు

max-inline-size: auto|length|initial|inherit;

లక్షణ విలువ

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

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

పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ నిర్దేశిస్తుంది.

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

పరిచయం:CSS inline-size అట్రిబ్యూట్

పరిచయం:CSS మిన్-ఇన్లైన్-సైజ్ అట్రిబ్యూట్

పరిచయం:CSS మాక్స్-హెచ్ట్ అట్రిబ్యూట్

పరిచయం:CSS మాక్స్-వైడ్ అట్రిబ్యూట్

పరిచయం:CSS వ్రాయింగ్-మోడ్ అట్రిబ్యూట్