CSS ఫ్లెక్స్-ష్రింక్ అట్రిబ్యూట్

定义和用法

flex-shrink 属性固定在相同的容器中，项目相对于其余弹性项目的收缩量。

注释：如果元素不是弹性项目，则 flex 属性无效。

另请参阅：

CSS 教程： CSS విస్తరణ ప్రత్యేకం

CSS సంప్రదింపులు:flex లక్షణం

CSS సంప్రదింపులు:flex-basis లక్షణం

CSS సంప్రదింపులు:flex-direction లక్షణం

CSS సంప్రదింపులు:flex-flow లక్షణం

CSS సంప్రదింపులు:flex-grow లక్షణం

CSS సంప్రదింపులు:flex-wrap లక్షణం

HTML DOM సంప్రదింపులు:flexShrink లక్షణం

ప్రతిసాధన

రెండవ విస్తరణ ప్రత్యేకంగా ఇతర ప్రత్యేకంగా మూడు రెట్లు తక్కువగా ఉండండి:

div:nth-of-type(2) {
  flex-shrink: 3;
}

ప్రయోగించండి

CSS సంకేతపత్రం

flex-shrink: number|initial|inherit;

లక్షణ విలువ

విలువ వివరణ
number నంబర్లు, ఇతర విస్తరణ ప్రత్యేకంగా ప్రత్యేకంగా కనుగొనే విలువను నిర్ణయించడానికి ఉపయోగించబడతాయి. మూల విలువ 1.
initial ఈ లక్షణాన్ని మూల విలువకు సెట్ చేయండి. చూడండి: initial.
inherit ఈ లక్షణాన్ని తన పేర్పడుతున్న ప్రత్యేకంగా ఉన్న ప్రత్యేకంగా పెరిగించండి. చూడండి: inherit.

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

మూల విలువ 1
ఉత్తరాధికారం: సంఖ్యలు
అనిమేషన్ తయారీ: మద్దతు పొందండి దయచేసి:అనిమేషన్ సంబంధిత లక్షణాలు.
వెర్షన్: CSS3
JavaScript సంకేతపత్రం: object.style.flexShrink="5"

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

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

ఈ నంబర్లు ముందుకు ముందు ప్రయోగించబడిన ప్రత్యేకంగా ముందు వెర్షన్ ను సూచిస్తాయి అనేది -webkit- లేదా -moz- తో ఉన్నాయి.

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