ตัวแปร justifyContent ของ Style
- หน้าก่อน isolation
- หน้าต่อไป left
- กลับไปยังชั้นบน HTML DOM Style 对象
การกำหนดและการใช้งาน
เมื่อองค์ประกอบไม่ใช้เป็นทั้งหมดช่องว่างที่วางอยู่บนแนวเส้นทางหลัก (แนวนอกแนวราบ) justifyContent ตัวแปรปรับตัวองค์ประกอบของตัวแทนยืดหยาค
คำเตือนใช้ alignContent ตัวแปรปรับตัวองค์ประกอบในแนวนอกแนวราบ (ตั้งแต่ด้านลง)
ดูเพิ่มเติม
คู่มืออ้างอิง CSS：ตัวแปร justify-content
ตัวอย่าง
ให้ช่องว่างบางส่วนระหว่างองค์ประกอบของตัวแทน <div> ที่เป็นเอลลิปซ์ทันที
document.getElementById("main").style.justifyContent = "space-between";
สัญญาณ
กลับค่า justify-content ตัวแปร：
object.style.justifyContent
ตั้งค่า justify-content ตัวแปร：
object.style.justifyContent = "flex-start|flex-end|center|space-between|space-around|initial|inherit"
ค่าของตัวแปร
| ค่า | รายละเอียด |
|---|---|
| flex-start | ค่าเริ่มต้น องค์ประกอบตั้งอยู่ที่ด้านหน้าของตัวแทน |
| flex-end | องค์ประกอบตั้งอยู่ในปลายของตัวแทน |
| center | องค์ประกอบตั้งอยู่ในกลางของตัวแทน |
| space-between | ให้ช่องว่างให้กับองค์ประกอบในระหว่างทางด้านกลาง |
| space-around | ให้ช่องว่างให้กับองค์ประกอบก่อนที่จะเริ่มทางด้านบน ระหว่างทางด้านกลาง และหลังทางด้านล่าง |
| initial | ตั้งค่าตัวแปรนี้เป็นค่าเริ่มต้น โปรดดู initial。 |
| inherit | จากการขอรับมาจากองค์ประกอบพ่อของมัน โปรดดู inherit。 |
รายละเอียดเทคนิค
| ค่าเริ่มต้น | flex-start |
|---|---|
| ค่าที่ได้รับ | ข้อความ ที่แสดงรายละเอียดขององค์ประกอบ ตัวแปร justify-content。 |
| เอกสาร CSS รุ่น： | CSS3 |
การสนับสนุนโปรแกรมบราวเซอร์
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| สนับสนุน | 12.0 | สนับสนุน | 9.0 | สนับสนุน |
หน้าที่เกี่ยวข้อง
HTML DOM STYLE คู่มืออ้างอิง：ตัวแปร alignContent
HTML DOM STYLE คู่มืออ้างอิง：ตัวแปร alignItems
HTML DOM STYLE คู่มืออ้างอิง：alignSelf คุณสมบัติ
- หน้าก่อน isolation
- หน้าต่อไป left
- กลับไปยังชั้นบน HTML DOM Style 对象
