CSS esnek-döngü özelliği

Tanım ve kullanım

flex-wrap özelliği, esnek projelerin satır değiştirmesi olup olmadığını belirler.

Yorum:Eğer element esnek proje değilse, flex özelliği geçersizdir.

Ayrıca bakınız:

CSS eğitim: CSS esnek çerçevesi

CSS referans el kitabı:flex özelliği

CSS referans el kitabı:flex-basis özelliği

CSS referans el kitabı:flex-direction özelliği

CSS referans el kitabı:flex-flow özelliği

CSS referans el kitabı:flex-grow özelliği

CSS referans el kitabı:flex-shrink özelliği

HTML DOM referans el kitabı:flexWrap özelliği

Örnek

Esnek projelerin ihtiyaç duyduğunda satır değiştirmesini sağlar:

div {
  display: flex;   
  flex-wrap: wrap;
}

Kişisel deneyim

CSS dilbilgisi

flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;

Özellik değeri

Değer Açıklama
nowrap Varsayılan değer. Esnek projelerin satır değiştirmemesini sağlar.
wrap Esnek projelerin ihtiyaç duyduğunda satır değiştirmesini sağlar.
wrap-reverse Esnek projelerin ihtiyaç duyduğunda ters yönde satır değiştirmesini sağlar.
initial Bu özelliği varsayılan değerine ayarlar. Ayrıca bakınız initial。
inherit Bu özelliği, ebeveyn elemanından devralır. Ayrıca bakınız inherit。

Teknik ayrıntılar

Varsayılan değer: nowrap
Devralma: Hayır
Animasyon yapımı: Desteklenmiyor. Ayrıca bakınız:Animasyonla ilgili özellikler。
Sürüm: CSS3
JavaScript dilbilgisi: object.style.flexWrap="nowrap"

Tarayıcı desteği

Tablodeki sayılar, bu özelliği tamamen destekleyen ilk tarayıcı sürümünü belirtir.

Bu sayılarda -webkit- veya -moz- ile başlayan, önekli ilk sürümün kullanıldığını gösterir.

Chrome IE / Edge Firefox Safari Opera
29.0
21.0 -webkit-		 11.0 28.0
18.0 -moz-		 9.0
6.1 -webkit-		 17.0