CSS flex-wrap Property

ทำให้รายการที่มีความยืดหยุ่นห่อถ้า necesarry:

div {
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;
    flex-wrap: wrap;
}

ความหมายและการใช้งาน

สถานที่ให้บริการ Flex-ห่อระบุว่ารายการที่มีความยืดหยุ่นควรตัดหรือไม่

Note: หากองค์ประกอบไม่ได้เป็นรายการที่มีความยืดหยุ่นทรัพย์สิน Flex-ห่อไม่มีผล

ค่าเริ่มต้น:	nowrap
รับการถ่ายทอด:	no
Animatable:	no. Read about animatable
เวอร์ชัน:	CSS3
ไวยากรณ์ javascript:	object .style.flexWrap="nowrap" Try it

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

ตามด้วยหมายเลข -webkit- หรือ -moz- ระบุรุ่นแรกที่ทำงานร่วมกับคำนำหน้า

คุณสมบัติ
flex-wrap	29.0 21.0 -webkit-	11.0	28.0 18.0 -moz-	9.0 6.1 -webkit-	17.0

flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;

ความคุ้มค่า	ลักษณะ	เล่น
nowrap	ค่ามาตรฐาน ระบุว่ารายการที่มีความยืดหยุ่นจะไม่ตัด	เล่น "
wrap	ระบุว่ารายการที่มีความยืดหยุ่นจะตัดในกรณีที่จำเป็น	เล่น "
wrap-reverse	ระบุว่ารายการที่มีความยืดหยุ่นจะตัดถ้าจำเป็นเพื่อย้อนกลับ	เล่น "
initial	การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น	เล่น "
inherit	สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก

อ้างอิง CSS: flex property

CSS อ้างอิง: flex-flow property

CSS อ้างอิง: flex-direction property

CSS อ้างอิง: flex-basis property

CSS อ้างอิง: flex-grow property

CSS อ้างอิง: flex-shrink property

อ้างอิง HTML DOM: flexWrap property