Style justifyContent Özelliği

Tanım ve Kullanım

Öğeler, ana eksende (yatay) tüm kullanılabilir alanı kullanmadığında, justifyContent Özellik, esnek konteyner öğelerini hizalar.

İpucu：Kullanın alignContent Özellikler, öğeleri yatay eksende (dikey) hizalar.

Ayrıca bakınız：

CSS Kılavuzu：justify-content Özelliği

Örnek

Elastik <div> elementi öğeleri arasında biraz boşluk bırakır:

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

Deneyin

Sözdizimi

justify-content Özelliğini Dönüş Değerini Alma：

object.style.justifyContent

justify-content Özelliğini Ayarlama：

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

Özellik Değeri

Değer Açıklama
flex-start Varsayılan Değer. Öğeler konteynerin başında yer alır.
flex-end Öğeler konteynerin sonunda yer alır.
center Öğeler konteynerin merkezinde yer alır.
space-between Satır arasında öğelere boşluk bırakır.
space-around Satır öncesinde, satır arasında ve satır sonrasında öğelere boşluk bırakır.
initial Bu özelliği varsayılan değerine ayarlayın. Ayrıca bakınız: initial。
inherit Bu özelliği ebeveyn elementinden miras alır. Ayrıca bakınız: inherit。

Teknik Ayrıntılar

Varsayılan Değer： flex-start
Dönüş değeri： Dizge,元素的 justify-content Özelliği。
CSS Sürümü： CSS3

Tarayıcı Desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Desteklenir 12.0 Desteklenir 9.0 Desteklenir

İlgili Sayfalar

HTML DOM STİL Kılavuzu：alignContent Özelliği

HTML DOM STİL Kılavuzu：alignItems Özelliği

HTML DOM STİL Kılavuzu：alignSelf özelliği