Co to jest właściwości CSS flex-skurczyć i jak z niego korzystać?

CSS Reference Manual
CSS nieruchomość

Najlepszy samouczek właściwości CSS flex-skurczyć W 2024 r. W tym samouczku możesz dowiedzieć się Przykłady,Pomoc Browser,Definicja i Wykorzystanie,Składnia CSS,Wartość nieruchomości,Powiązane artykuły,

właściwości CSS flex-skurczyć

Poprzedni: CSS flex-rosną atrybut

Dalej: CSS nieruchomość Flex-wrap

CSS

Przykłady

Niech drugi element dzielony na jednej trzeciej innymi:

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

Spróbuj »

Pomoc Browser

Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą numer wersji nieruchomości.

Natychmiast po -webkit- cyfrowy, -ms- lub -moz- po pierwszej wersji do wspierania własności prefiksu.

nieruchomość
Flex-skurczyć	29,0 21,0 -webkit-	11,0 10,0 -ms-	28,0 18,0 -moz-	9,0 6,1 -webkit-	17,0

Definicja i Wykorzystanie

flex-kurczą atrybut jest używany do ustawiania lub pobierania elastyczny stosunek etui skurczu. ,

Uwaga: Jeśli elementnie jest sprężysty obiekt elementu skrzynki, flex termokurczliwe nieruchomość nie działa.

Domyślnie:	1
Dziedziczenie:	nie
Może być animowany:	Tak. Proszę odnieść się do animacji (Animatable) . próbować
Wersja:	CSS3
Składnia JavaScript:	object .style.flexShrink = "5"spróbować

Składnia CSS

flex-shrink:number|initial|inherit;

Wartość nieruchomości

值	描述
number	一个数字，规定项目将相对于其他灵活的项目进行收缩的量。默认值是 0。
initial	设置该属性为它的默认值。请参阅 initial 。
inherit	从父元素继承该属性。请参阅 inherit 。