CSS คุณสมบัติดิ้น
ตัวอย่าง
ขอให้มีความยืดหยุ่นองค์ประกอบของเด็กกระเป๋ารูปแบบวัตถุมีความยาวเดียวกันไม่คำนึงถึงเนื้อหาภายในของพวกเขา:
{
flex:1;
}
ลอง»
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนหมายเลขรุ่นทรัพย์สิน
ทันทีหลังจาก -webkit- ดิจิตอล -ms- หรือ -moz- หลังจากรุ่นแรกที่จะสนับสนุนคุณสมบัติคำนำหน้า
คุณสมบัติ | |||||
---|---|---|---|---|---|
ดิ้น | 29.0 21.0 -webkit- | 11.0 10.0 -ms- | 28.0 18.0 -moz- | 9.0 6.1 -webkit- | 17.0 |
ความหมายและการใช้งาน
วิธีองค์ประกอบย่อยแอตทริบิวต์ดิ้นจะใช้ในการตั้งค่าหรือเรียกพื้นที่มีความยืดหยุ่นรูปแบบกระเป๋าวัตถุจัดสรร
คุณสมบัติดิ้นเป็นที่พักชวเลข Flex-เติบโต Flex-หดตัวและดิ้นพื้นฐานคุณสมบัติ
หมายเหตุ: หากองค์ประกอบไม่ได้เป็นรูปแบบที่มีความยืดหยุ่นกระเป๋าวัตถุองค์ประกอบของเด็กคุณสมบัติดิ้นไม่ทำงาน
เริ่มต้น: | 0 1 อัตโนมัติ |
---|---|
มรดก: | ไม่ |
สามารถเคลื่อนไหว: | ใช่เห็นคุณลักษณะของแต่ละบุคคลโปรดดู การเคลื่อนไหว (Animatable) |
เวอร์ชัน: | CSS3 |
ไวยากรณ์ javascript: | วัตถุ .style.flex = "1"ที่จะลอง |
CSS ไวยากรณ์
มูลค่าทรัพย์สิน
值 | 描述 |
---|---|
flex-grow | 一个数字,规定项目将相对于其他灵活的项目进行扩展的量。 |
flex-shrink | 一个数字,规定项目将相对于其他灵活的项目进行收缩的量。 |
flex-basis | 项目的长度。合法值:"auto"、"inherit" 或一个后跟 "%"、"px"、"em" 或任何其他长度单位的数字。 |
auto | 与 1 1 auto 相同。 |
none | 与 0 0 auto 相同。 |
initial | 设置该属性为它的默认值,即为 0 1 auto。请参阅 initial 。 |
inherit | 从父元素继承该属性。请参阅 inherit 。 |
บทความที่เกี่ยวข้อง
คู่มืออ้างอิง CSS: คุณสมบัติ Flex-เกณฑ์
คู่มืออ้างอิง CSS: คุณสมบัติ Flex-ทิศทาง
คู่มืออ้างอิง CSS: คุณสมบัติ Flex-Flow
คู่มืออ้างอิง CSS: Flex-Grow คุณสมบัติ
คู่มืออ้างอิง CSS: Flex-หดคุณสมบัติ
คู่มืออ้างอิง CSS: คุณสมบัติ Flex-ห่อ