CSS คุณสมบัติ Flex-พื้นฐาน คืออะไร และใช้งานอย่างไร?

บทช่วยสอน CSS คุณสมบัติ Flex-พื้นฐาน ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ ตัวอย่าง,สนับสนุนเบราว์เซอร์,ความหมายและการใช้งาน,CSS ไวยากรณ์,มูลค่าทรัพย์สิน,บทความที่เกี่ยวข้อง,

CSS คุณสมบัติ Flex-พื้นฐาน

ก่อนหน้านี้: CSS คุณสมบัติดิ้น

ถัดไป: CSS คุณสมบัติ Flex-ทิศทาง

CSS อ้างอิง

ตัวอย่าง

ตั้งองค์ประกอบที่สองของความยาวเริ่มต้นกระเป๋าที่มีความยืดหยุ่นคือ 80 พิกเซล:

div:nth-of-type(2) {flex-basis: 80px;}

ลอง»

สนับสนุนเบราว์เซอร์

ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนหมายเลขรุ่นทรัพย์สิน

ทันทีหลังจาก -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-พื้นฐานที่ใช้ในการตั้งค่าหรือดึงกระเป๋ามีความยืดหยุ่นยืดค่าอ้างอิง .

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

เริ่มต้น:	รถยนต์
มรดก:	ไม่
สามารถเคลื่อนไหว:	ใช่ โปรดดู การเคลื่อนไหว (Animatable) ความพยายาม
เวอร์ชัน:	CSS3
ไวยากรณ์ javascript:	วัตถุ .style.flexBasis = "200px"ลอง

CSS ไวยากรณ์

flex-basis:number|auto|initial|inherit;

มูลค่าทรัพย์สิน

值	描述
number	一个长度单位或者一个百分比，规定灵活项目的初始长度。
auto	默认值。长度等于灵活项目的长度。如果该项目未指定长度，则长度将根据内容决定。
initial	设置该属性为它的默认值。请参阅 initial 。
inherit	从父元素继承该属性。请参阅 inherit 。