สไตล์คุณสมบัติflexFlow

ทำให้รายการที่ยืดหยุ่นแสดงในคอลัมน์ และไม่มีการตัดคำ:

document.getElementById("main").style.flexFlow = "column nowrap";

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

คุณสมบัติ flexFlow เป็นคุณสมบัติชวเลขสำหรับคุณสมบัติ flexDirection และ flexWrap

คุณสมบัติ flexDirection ระบุทิศทางของรายการที่ยืดหยุ่น

คุณสมบัติ flexWrap ระบุว่ารายการที่ยืดหยุ่นควรห่อหรือไม่

หมายเหตุ:หากองค์ประกอบไม่ใช่รายการที่ยืดหยุ่น คุณสมบัติ flexFlow จะไม่มีผลใดๆ

Property
flexFlow	Yes	11.0	Yes	9.0	Yes

ส่งคืนคุณสมบัติ flexFlow:

object.style.flexFlow

ตั้งค่าคุณสมบัติ flexFlow:

object.style.flexFlow = "flex-direction flex-wrap|initial|inherit"

Value	Description
flex-direction	Possible values: row row-reverse column column-reverse initial inherit Default value is "row". Specifying the direction of the flexible items
flex-wrap	Possible values: nowrap wrap wrap-reverse initial inherit Default value is "nowrap". Specifying whether the flexible items should wrap or not
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

ค่าเริ่มต้น:	แถวโนราป
คืนมูลค่า:	สตริงที่แสดงถึงคุณสมบัติ flex-flow ขององค์ประกอบ
เวอร์ชัน CSS	CSS3

การอ้างอิง HTML DOM STYLE: flex property

การอ้างอิง HTML DOM STYLE: คุณสมบัติ flexBasis

การอ้างอิง HTML DOM STYLE: คุณสมบัติ flexDirection

การอ้างอิง HTML DOM STYLE: flexGrow property

การอ้างอิง HTML DOM STYLE: คุณสมบัติ flexShrink

การอ้างอิง HTML DOM STYLE: คุณสมบัติ flexWrap