Hisia CSS flex-shrink

定义和用法

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

Maelezo:Inasababisha kina cha flex kuwa bila maana kama elementi haitakuwa kina cha uharibifu.

Tazama pia:

Makao ya CSS: Kifungu cha kina cha CSS

Kitabu cha mifano cha CSS:Kina ya flex

Kitabu cha mifano cha CSS:Kina ya flex-basis

Kitabu cha mifano cha CSS:Kina ya flex-direction

Kitabu cha mifano cha CSS:Kina ya flex-flow

Kitabu cha mifano cha CSS:Kina ya flex-grow

Kitabu cha mifano cha CSS:Kina ya flex-wrap

Kitabu cha mifano cha HTML DOM:Kina ya flexShrink

Mifano

Inasababisha kina ya pili kwa kina zingine kwa kina ya uharibifu kwa namba tatu:

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

Tafadhali tafadhali kufikia kwa kufanya:

Inayofanyika kwa CSS

flex-shrink: number|initial|inherit;

Wataalamu wa kina

Wataalamu Maelezo
number Namba, inasababisha kuzingatia kina kwa kina kina zingine kwa kina ya uharibifu. Chaguo cha kuzingatia ni 1.
initial Inasababisha kuzingatia hii kina kutoka kwa chaguo cha kuzingatia kwa kina. Tazama: initial.
inherit Inasababisha kuzingatia hii kina kutoka kwa kina cha kina cha yake. Tazama: inherit.

Vivyo ya uharibifu

Chaguo cha kuzingatia: 1
Kutumia kwa kumwomba: Haiwezi
Aniamisheni: Inatumiwa. Tazama:Mafanikio ya hali ya aniamisheni.
Tohamika ya: CSS3
Inayofanyika kwa lugha ya JavaScript: object.style.flexShrink="5"

Matumizi ya kifaa cha kifungu

Mafanikio ya namba kwenye tablica inaonyesha programu ya kwanza inayosukumwa kufaa hii kina.

Mafanikio ya -webkit- au -moz- ni ya sababu ya kuanzisha jukuu kwanza.

Chrome IE / Edge Firefox Safari Opera
29.0
21.0 -webkit-		 11.0 28.0
18.0 -moz-		 9.0
6.1 -webkit-		 17.0