คุณสมบัติ align-content CSS
- หน้าก่อน accent-color
- หน้าต่อไป align-items
การเรียกใช้และการประกาศ
align-content การปรับคุณสมบัติ flex-wrap การปฏิบัติตัวของคุณสมบัติ align-items เหมือนกัน แต่มันไม่จัดเรียงสินค้าเท้าแรงแต่จัดเรียงสินค้าแรงกดเท้า
แจ้งเตือน:ต้องมีบรรยายในแถวหลายแถว คุณสมบัตินี้จึงจะทำงานได้
คำเตือน:ใช้ justify-content คุณสมบัติสามารถจัดเรียงรายการในเส้นหลัก (main-axis) ของสินค้าระดับนอกในแนวนอนึงได้
อ่านเพิ่มเติม:
เรื่องราว CSSCSS Flexbox
เรื่องราว CSSCSS Grid
คู่มือ CSSคุณสมบัติ align-items
คู่มือ CSSคุณสมบัติ align-self
คู่มือ CSSคุณสมบัติ justify-content
คู่มือ HTML DOMคุณสมบัติ alignContent
ตัวอย่าง
บรรยายในกลางกล่องปรับยอดของแรงกดเท้าแรงตั้งต้น
div {
width: 70px;
height: 300px;
border: 1px solid #c3c3c3;
display: flex;
flex-wrap: wrap;
align-content: center;
}
ระบบแสดงผล CSS
align-content: stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit;
ค่าคุณสมบัติ
| ค่า | บรรยาย |
|---|---|
| stretch | ค่าเริ่มต้น |
| center | เอาเรียงเรียงบรรยายเท้าแรงตรงกันข้ามกันไปทางกลางของกล่องปรับยอดของแรงกดเท้าแรงตั้งต้น |
| flex-start | เอาเรียงเรียงบรรยายเท้าแรงตรงกันข้ามกันไปทางต้นของกล่องปรับยอดของแรงกดเท้าแรงตั้งต้น |
| flex-end | เอาเรียงเรียงบรรยายเท้าแรงตรงกันข้ามกันไปทางท้ายของกล่องปรับยอดของแรงกดเท้าแรงตั้งต้น |
| space-between | แบ่งบรรยายเท้าแรงตรงกันข้ามกันในกล่องปรับยอดของแรงกดเท้าแรงตั้งต้น |
| space-around | บรรยายในเนื้อที่ที่มีความยาวตรงกันข้ามกัน ในกล่องปรับยอดของแรงกดเท้าแรงตั้งต้น |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้นของมัน initial。 |
| inherit | ขอบคุณสำหรับการที่ยืนยันคุณสมบัตินี้จากองค์ประกอบเจ้าของ inherit。 |
รายละเอียดเทคนิค
| ค่าเริ่มต้น: | stretch |
|---|---|
| เป็นทางเดิน: | ไม่ |
| การสร้างอนุการ์: | ไม่สนับสนุน。อ่านต่อ:คุณสมบัติที่เกี่ยวข้องกับอนุการ์。 |
| เวอร์ชัน: | CSS3 |
| ระบบแสดงผล JavaScript: | object.style.alignContent="center" |
การสนับสนุนโปรแกรมนี้
ตัวเลขในตารางระบุเวอร์ชันบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 57.0 | 16.0 | 52.0 | 10.1 | 44.0 |
- หน้าก่อน accent-color
- หน้าต่อไป align-items
