Style alignItems นามญาติ

การเรียกใช้และการระบุ

alignItems คุณสมบัตินี้กำหนดวิธีการจัดตั้งการปรับด้านตามค่าเริ่มต้นของ item ในตัวแท้งค์ที่ยืด

คำแนะนำ:ใช้คุณสมบัติของแต่ละ item align-self นามญาติ ที่จะใช้ align-items นามญาติ.

ตัวอย่าง

จัดตั้งการตำแหน่งการปรับด้านของ item ทั้งหมดขององค์ประกอบ <div> ตัวยืดทั้งหมดของตัวแท้งค์:

document.getElementById("main").style.alignItems = "flex-start";

ลองด้วยตัวเอง

รูปแบบการใช้งาน

กลับมา alignItems นามญาติ:

object.style.alignItems

ตั้งค่า alignItems นามญาติ:

object.style.alignItems = "stretch|center|flex-start|flex-end|baseline|initial|inherit"

ค่าที่ใช้ในอัตราย

ค่า คำอธิบาย
stretch ค่าเริ่มต้น จัดตั้ง item แบบยืดตัวเพื่อที่จะเข้ากันกับตัวแท้งค์
center item ตั้งอยู่ที่กลางของตัวแท้งค์
flex-start item ตั้งอยู่ที่ด้านหน้าของตัวแท้งค์
flex-end item ตั้งอยู่ที่ด้านสุดท้ายของตัวแท้งค์
baseline item ที่ถูกจัดตั้งที่เส้นต้นของตัวแท้งค์
initial ตั้งคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู: initial.
inherit ขอให้รับมาซึ่งคุณสมบัตินี้จากตัวปลายทางพ่อของเขา โปรดดู: inherit.

รายละเอียดเทคนิค

ค่าเริ่มต้น: stretch
ค่าที่กลับมาที่มี: ตัวเลขคำว่าตัวแปลงคือ: align-items นามญาติ.
เวอร์ชั่น CSS: CSS3

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

alignItems เป็นคุณสมบัติ CSS3 (1999) ตามรายละเอียด:

ทุกบราวเซอร์สนับสนุนอย่างเต็มที่:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน 11

หน้าที่เกี่ยวข้อง

คู่มือ CSS อ้างอิง:align-items นามญาติ

คู่มือต้นแบบ HTML DOM STYLE:alignContent คุณสมบัติ

คู่มือต้นแบบ HTML DOM STYLE:alignSelf คุณสมบัติ