ตัวอย่าง
ศูนย์การจัดแนวสำหรับหนึ่งในรายการที่อยู่ภายในเป็นองค์ประกอบที่มีความยืดหยุ่น:
#myBlueDiv
{
-webkit-align-self: center; /* Safari 7.0+ */
align-self: center;
}
ลองตัวเอง» ความหมายและการใช้งาน
สถานที่ให้บริการจัดตนเองระบุการจัดตำแหน่งสำหรับรายการที่เลือกภายในภาชนะที่มีความยืดหยุ่น
Note: สถานที่ให้บริการจัดตัวเองแทนที่คุณสมบัติจัดรายการที่มีความยืดหยุ่นของภาชนะ
| ค่าเริ่มต้น: | auto |
|---|---|
| รับการถ่ายทอด: | no |
| Animatable: | no. Read about animatable |
| เวอร์ชัน: | CSS3 |
| ไวยากรณ์ javascript: | object .style.alignSelf="center" Try it |
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
ตามด้วยหมายเลข -webkit- ระบุรุ่นแรกที่ทำงานร่วมกับคำนำหน้า
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| align-self | 21.0 | 11.0 | 20.0 | 9.0 7.0 -webkit- | 12.1 |
CSS ไวยากรณ์
align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ | เล่น |
|---|---|---|
| auto | ค่าเริ่มต้น. องค์ประกอบที่สืบทอดคุณสมบัติจัดรายการ-Container แม่หรือ "stretch" ถ้ามันมีคอนเทนเนอร์หลักไม่มี | เล่น " |
| stretch | องค์ประกอบที่อยู่ในตำแหน่งเพื่อให้พอดีกับภาชนะ | เล่น " |
| center | องค์ประกอบที่อยู่ในตำแหน่งที่เป็นศูนย์กลางของภาชนะ | เล่น " |
| flex-start | องค์ประกอบที่จะอยู่ในตำแหน่งที่จุดเริ่มต้นของภาชนะ | เล่น " |
| flex-end | องค์ประกอบที่อยู่ในตำแหน่งที่ส่วนท้ายของภาชนะ | เล่น " |
| baseline | องค์ประกอบที่อยู่ในตำแหน่งที่พื้นฐานของภาชนะ | เล่น " |
| initial | การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น | เล่น " |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
หน้าเว็บที่เกี่ยวข้อง
CSS อ้างอิง: align-content property
อ้างอิง CSS: align-items property
อ้างอิง HTML DOM: alignSelf property