1. Flex-shrink หมายถึงอัตราส่วนการหดตัวขององค์ประกอบเดี่ยวเมื่อคอนเทนเนอร์ Flex ไม่มีที่ว่าง
2. ไม่รองรับค่าลบ ค่าเริ่มต้นคือ 1 ซึ่งหมายความว่ารายการดิ้นทั้งหมดจะลดลงตามค่าเริ่มต้น หากตั้งค่าเป็น 0 แสดงว่าไม่มีการหดตัวและคงความกว้างเดิมไว้
ตัวอย่าง
// CSS part.content{
จอแสดงผล: ดิ้น;
ความกว้าง: 400px;
ความสูง: 200px;
เส้นขอบ: 1px ทึบ;
-
.left, .center, .right{
ความสูง: 200px;
-
.ซ้าย{
ความกว้าง: 100px;
สีพื้นหลัง: น้ำ;
-
.ศูนย์{
ความกว้าง: 200px;
สีพื้นหลัง: bisque;
-
.ขวา{
ความกว้าง: 300px;
สีพื้นหลัง: cadetblue;
-ข้างต้นนี้เป็นการแนะนำคุณลักษณะ flex-shrink ใน CSS ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน