คุณสมบัติ CSS Flex-หดตัว คืออะไร และใช้งานอย่างไร?

คุณสมบัติ CSS Flex-หดตัว

ให้องค์ประกอบที่สองจะหดตัวลงหนึ่งในสามขององค์ประกอบอื่น ๆ :

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

ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนหมายเลขรุ่นทรัพย์สิน

ทันทีหลังจาก -webkit- ดิจิตอล -ms- หรือ -moz- หลังจากรุ่นแรกที่จะสนับสนุนคุณสมบัติคำนำหน้า

คุณสมบัติ
Flex-หดตัว	29.0 21.0 -webkit-	11.0 10.0 -ms-	28.0 18.0 -moz-	9.0 6.1 -webkit-	17.0

ดิ้นหดแอตทริบิวต์ที่ถูกใช้ในการตั้งหรือเรียกอัตราส่วนการหดตัวกระเป๋าที่มีความยืดหยุ่น .

หมายเหตุ: หากองค์ประกอบไม่ได้มีความยืดหยุ่นกล่องวัตถุธาตุดิ้นหดตัวคุณสมบัติไม่ทำงาน

เริ่มต้น:	1
มรดก:	ไม่
สามารถเคลื่อนไหว:	ใช่ โปรดดู การเคลื่อนไหว (Animatable) ความพยายาม
เวอร์ชัน:	CSS3
ไวยากรณ์ javascript:	วัตถุ .style.flexShrink = "5"ลอง

flex-shrink:number|initial|inherit;

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