CSS คุณสมบัติจัดรายการ-

CSS อ้างอิง CSS อ้างอิง


ตัวอย่าง

จัดกระเป๋าที่มีความยืดหยุ่นของ <div>:

div
{
display: flex;
align-items:center;
}

ลอง»

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

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

ทันทีหลังจาก -webkit- ดิจิตอล -ms- หรือ -moz- หลังจากรุ่นแรกที่จะสนับสนุนคุณสมบัติคำนำหน้า

คุณสมบัติ
จัดรายการที่ 21.0 11.0 20.0 9.0
7.0 -webkit-
12.1

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

จัดรายการที่กำหนดคุณสมบัติของเด็กดิ้นในการจัดตำแหน่งปัจจุบันของด้านคอนเทนเนอร์ของสายดิ้นเพลา (แกนแนวตั้ง) ทิศทาง

เคล็ดลับ: การใช้งานแต่ละส่วนขององค์ประกอบที่ยืดหยุ่นของวัตถุแอตทริบิวต์จัดตัวเองที่เขียนทับได้จัดรายการทรัพย์สิน

เริ่มต้น: ยืด
มรดก: ไม่
สามารถเคลื่อนไหว: NO โปรดดู การเคลื่อนไหว (Animatable)
เวอร์ชัน: CSS3
ไวยากรณ์ javascript: วัตถุ .style.alignItems = "center"ที่จะลอง


CSS ไวยากรณ์

align-items: stretch|center|flex-start|flex-end|baseline|initial|inherit;

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

描述 测试
stretch 默认值。项目被拉伸以适应容器。 测试 »
center 项目位于容器的中心。 测试 »
flex-start 项目位于容器的开头。 测试 »
flex-end 项目位于容器的结尾。 测试 »
baseline 项目位于容器的基线上。 测试 »
initial 设置该属性为它的默认值。请参阅 initial 测试 »
inherit 从父元素继承该属性。请参阅 inherit


บทความที่เกี่ยวข้อง

CSS อ้างอิง: จัดแอตทริบิวต์ = ซ้ายเนื้อหา

CSS อ้างอิง: จัดคุณสมบัติ = ซ้ายตัวเอง


CSS อ้างอิง CSS อ้างอิง