ตัวอย่าง
ขอให้ทุกรายการที่มีความยืดหยุ่นมีความยาวเดียวกัน regardles ของเนื้อหา:
for (i = 0; i < y.length; i++) {
y[i].style.flex = "1";
}
ลองตัวเอง» ความหมายและการใช้งาน
ชุดคุณสมบัติดิ้นหรือผลตอบแทนที่มีความยาวของรายการเมื่อเทียบกับส่วนที่เหลือของรายการ Flexibel ภายในภาชนะเดียวกัน
สถานที่ให้บริการดิ้นเป็นชวเลขสำหรับ flexGrow, flexShrink และคุณสมบัติ flexBasis
Note: หากองค์ประกอบไม่ได้เป็นรายการที่มีความยืดหยุ่นทรัพย์สินดิ้นไม่มีผล
สนับสนุนเบราว์เซอร์
สถานที่ให้บริการเฟล็กซ์ได้รับการสนับสนุนในเบราว์เซอร์ที่สำคัญทั้งหมดยกเว้น Safari
หมายเหตุ: คุณสมบัติดิ้นไม่สนับสนุน IE 9 หรือก่อนหน้านี้ใน IE 10 คุณสมบัตินี้ได้รับการสนับสนุนที่มีคำนำหน้า MS IE11 และรุ่นใหม่สนับสนุนอย่างเต็มที่คุณสมบัติดิ้น (ไม่จำเป็นต้องมีคำนำหน้ามิลลิวินาที)
หมายเหตุ: Safari 6.1+ สนับสนุนทางเลือกที่ WebkitFlex คุณสมบัติ
วากยสัมพันธ์
กลับทรัพย์สินดิ้น:
object .style.flexตั้งค่าคุณสมบัติดิ้น:
object .style.flex=" ค่าทรัพย์สิน ความคุ้มค่า ลักษณะ flex-grow ระบุจำนวนเท่าใดรายการที่จะเติบโตเมื่อเทียบกับส่วนที่เหลือของรายการที่มีความยืดหยุ่น flex-shrink ระบุจำนวนเท่าใดรายการที่จะหดตัวเมื่อเทียบกับส่วนที่เหลือของรายการที่มีความยืดหยุ่น flex-basis ความยาวของรายการ ค่าทางกฎหมาย: "auto" , "inherit" หรือหมายเลขตามด้วย "%" , "px" , "em" หรือหน่วยความยาวอื่น ๆ auto เช่นเดียวกับ 1 1 อัตโนมัติ initial เช่นเดียวกับ 0 1 อัตโนมัติ อ่านเกี่ยวกับการเริ่มต้น none เช่นเดียวกับ 0 0 อัตโนมัติ inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: 0 1 อัตโนมัติ กลับค่า: เชือกแทนดิ้นทรัพย์สินขององค์ประกอบ CSS รุ่น CSS3
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง CSS: flex property
HTML DOM อ้างอิงสไตล์: flexBasis property
HTML DOM สไตล์อ้างอิง: flexDirection property
HTML DOM สไตล์อ้างอิง: flexFlow property
HTML DOM อ้างอิงสไตล์: flexGrow property
HTML DOM อ้างอิงสไตล์: flexShrink property
HTML DOM อ้างอิงสไตล์: flexWrap property
<สไตล์วัตถุ