Rekomendasi pelajaran:

Atribut Style justifyContent

Definisi dan penggunaan Ketika item belum menggunakan semua ruang yang tersedia di sumbu utama (horisontal), justifyContent

Atribut menaruh item di kontainer lembut.Petunjuk: Gunakan alignContent

Atribut menaruh item di sumbu mendatar (vertikal).

Lihat pula:String, menunjukkan elemen

Referensi CSS:

Contoh

Mensediakan ruang di antara item di dalam elemen <div> yang bergerak:

document.getElementById("main").style.justifyContent = "space-between";

Coba sendiri

Sintaks

Atur atribut justifyContent:Kembalian atribut justifyContent:

.style.justifyContent

Atur atribut justifyContent:object

.style.justifyContent = "flex-start|flex-end|center|space-between|space-around|initial|inherit"

Nilai atribut Nilai
Nilai standar: Deskripsi
Nilai standar. Item berada di awal kontainer. flex-end
Item berada di ujung kontainer. center
Item berada di tengah kontainer. space-between
Menyediakan ruang untuk item di antara baris. space-around
Atur atribut ini ke nilai standarnya. Lihat Menyediakan ruang untuk item di awal, antara dan akhir baris. Atur atribut ini ke nilai standarnya. LihatAtribut justify-content
Mengambil atribut ini dari elemen orangtua. Lihat initial Mengambil atribut ini dari elemen orangtua. LihatAtribut justify-content

inherit

Detil teknis Nilai standar:
flex-start Kembalian nilai: String, menunjukkan elemenAtribut justify-content
。 Versi CSS：

CSS3

Dukungan browser Edge Firefox Safari Opera
Dukungan browser Edge Firefox Safari Opera
Dukungan 12.0 Dukungan 9.0 Dukungan

Halaman yang relevan

Referensi STYLE DOM HTML:Atribut alignContent

Referensi STYLE DOM HTML:Atribut alignItems

Referensi STYLE DOM HTML:Properti alignSelf