ตัวอย่าง
ทำให้รายการที่มีความยืดหยุ่นห่อถ้า necesarry:
document.getElementById("main".style.flexWrap = "wrap"; ลองตัวเอง» ความหมายและการใช้งาน
สถานที่ให้บริการ flexWrap ระบุว่ารายการที่มีความยืดหยุ่นควรตัดหรือไม่
Note: หากองค์ประกอบไม่ได้เป็นรายการที่มีความยืดหยุ่น flexWrap คุณสมบัติไม่มีผล
สนับสนุนเบราว์เซอร์
สถานที่ให้บริการ flexWrap รับการสนับสนุนใน IE10 +, Firefox, Opera และ Chrome
หมายเหตุ: Safari 6.1+ สนับสนุนทางเลือกคุณสมบัติ WebkitFlexWrap
วากยสัมพันธ์
กลับ flexWrap ทรัพย์สิน:
object .style.flexWrap ตั้ง flexWrap ทรัพย์สิน:
object .style.flexWrap="nowrap|wrap|wrap-reverse|initial|inherit"
ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ |
|---|---|
| nowrap | ค่ามาตรฐาน ระบุว่ารายการที่มีความยืดหยุ่นจะไม่ตัด |
| wrap | ระบุว่ารายการที่มีความยืดหยุ่นจะตัดในกรณีที่จำเป็น |
| wrap-reverse | ระบุว่ารายการที่มีความยืดหยุ่นจะตัดถ้าจำเป็นเพื่อย้อนกลับ |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
รายละเอียดทางเทคนิค
| ราคาเริ่มต้น: | nowrap |
|---|---|
| กลับค่า: | เชือกแทนดิ้นห่อทรัพย์สินขององค์ประกอบ |
| CSS รุ่น | CSS3 |
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง CSS: flex-wrap property
HTML DOM สไตล์อ้างอิง: flex property
HTML DOM อ้างอิงสไตล์: flexBasis property
HTML DOM สไตล์อ้างอิง: flexDirection property
HTML DOM สไตล์อ้างอิง: flexFlow property
HTML DOM อ้างอิงสไตล์: flexGrow property
HTML DOM อ้างอิงสไตล์: flexShrink property
<สไตล์วัตถุ