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

ตัวอย่าง

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

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

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

flexDirection แอตทริบิวต์ระบุทิศทางของโครงการที่มีความยืดหยุ่น

flexWrap แอตทริบิวต์ระบุโครงการที่มีความยืดหยุ่นเป็นแยกแถวหรือคอลัมน์แยก

หมายเหตุ: หากองค์ประกอบเป็นรายการที่ไม่ได้มีความยืดหยุ่นคุณสมบัติ flexFlow ไม่ทำงาน

Firefox, Opera และ Chrome สนับสนุนคุณสมบัติ flexFlow

คุณสมบัติ flexFlow หลัง:

object .style.flexFlow

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

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

值	描述
flex-direction	可能的值： row row-reverse column column-reverse initial inherit 默认值是 "row"。规定灵活项目的方向。
flex-wrap	可能的值： nowrap wrap wrap-reverse initial inherit 默认值是 "nowrap"。规定灵活项目是否拆行或拆列。
initial	设置该属性为它的默认值。请参阅 initial 。
inherit	从父元素继承该属性。请参阅 inherit 。

เริ่มต้น:	nowrap แถว
ผลตอบแทน:	สตริงที่แสดงคุณสมบัติที่ดิ้นไหลขององค์ประกอบ
รุ่น CSS	CSS3

คู่มืออ้างอิง CSS: คุณสมบัติ Flex-Flow

HTML DOM อ้างอิงสไตล์: Flex คุณสมบัติ

HTML DOM อ้างอิงสไตล์: flexBasis คุณสมบัติ

HTML DOM อ้างอิงสไตล์: คุณสมบัติ flexDirection

HTML DOM อ้างอิงสไตล์: flexGrow คุณสมบัติ

HTML DOM อ้างอิงสไตล์: flexShrink คุณสมบัติ

HTML DOM อ้างอิงสไตล์: flexWrap คุณสมบัติ