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

CSS คุณสมบัติดิ้นไหล

เพื่อให้หมึกองค์ประกอบยืดหยุ่นในการสั่งซื้อย้อนกลับและเส้นที่ถูกแยกออกเมื่อมีความจำเป็น:

display:flex;
flex-flow:row-reverse wrap;

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

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

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

คุณสมบัติดิ้นไหลเป็นทรัพย์สินดิ้นดิ้นทิศทางและห่อคุณสมบัติคอมโพสิต

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

แอตทริบิวต์ Flex-ทิศทางระบุทิศทางของโครงการที่มีความยืดหยุ่น

แอตทริบิวต์ Flex-ห่อระบุโครงการที่มีความยืดหยุ่นเป็นแยกแถวหรือคอลัมน์แยก

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

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

flex-flow:flex-directionflex-wrap |initial|inherit;

值	描述
flex-direction	可能的值： row row-reverse column column-reverse initial inherit 默认值是 "row"。规定灵活项目的方向。
flex-wrap	可能的值： nowrap wrap wrap-reverse initial inherit 默认值是 "nowrap"。规定灵活项目是否拆行或拆列。
initial	设置该属性为它的默认值。请参阅 initial 。
inherit	从父元素继承该属性。请参阅 inherit 。