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