Style alignContent özelliği

Tanım ve kullanım

Proje, yatay eksende (dikey) tüm kullanılabilir alanı kullanmadığında:alignContent Elastik konteynerin projelerini hizalayın.

İpucu：Kullanım: justifyContent özelliği Ana eksen üzerinde (düz) projeleri hizalayın.

Açıklama：Bu özelliğin etkili olabilmesi için çok satırlı projeler olmalıdır。

Örnek

弹性 <div> elementinin projelerini, boşluk bırakılan iki satır arasında yerleştirin：

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

Kişisel olarak deneyin

Sözdizimi

alignContent özelliğini döndürün：

object.style.alignContent

alignContent özelliğini ayarlayın：

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

属性值

值 描述
stretch 默认值。行拉伸以占据剩余空间。
center 项目位于容器的中心。
flex-start 项目位于容器的开头。
flex-end 项目位于容器的末端。
space-between 项目位于留有空间的行间。
space-around 项目的行前、行间、行后均留有空白。
initial Bu özelliği varsayılan değerine ayarlayın. Bakınız initial。
inherit Bu özelliği ebeveyn elementinden miras alır. Bakınız inherit。

Teknik ayrıntılar

Varsayılan değer： stretch
Dönüş değeri： Dizgi,元素的 align-content özelliği。
CSS sürümü： CSS3

Tarayıcı desteği

alignContent CSS3 (1999) özelliğidir.

Bütün tarayıcılar tamamen bu özelliği destekler：

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Desteklenir Desteklenir Desteklenir Desteklenir Desteklenir 11

İlgili sayfalar

CSS Kılavuzu：align-content özelliği

HTML DOM STYLE Kılavuzu：alignItems özelliği

HTML DOM STYLE Kılavuzu：alignSelf özelliği

HTML DOM STYLE Kılavuzu：justifyContent özelliği