Örnek
Esnek ürün necesarry eğer sarın olun:
div {
display: -webkit-flex; /* Safari */
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
display: flex;
flex-wrap: wrap;
} Kendin dene " Tanımı ve Kullanımı
esnek-wrap özelliği esnek ürün sarmak veya olmasın gerekip gerekmediğini belirtir.
Note: elementler esnek ürün değilseniz, flex-wrap özelliği hiçbir etkisi olmaz.
| Varsayılan değer: | nowrap |
|---|---|
| Miras: | no |
| canlandırılabilir: | no. Read about animatable |
| Versiyon: | CSS3 |
| JavaScript sözdizimi: | object .style.flexWrap="nowrap" Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
Sayılar -webkit- ardından veya önek ile çalıştı ilk sürümü belirtmek -moz-.
| özellik | |||||
|---|---|---|---|---|---|
| flex-wrap | 29.0 21,0 -webkit- | 11.0 | 28,0 18.0 -moz- | 9.0 6.1 -webkit- | 17.0 |
CSS sözdizimi
flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;Mülkiyet Değerler
| değer | Açıklama | Oynat |
|---|---|---|
| nowrap | Varsayılan değer. Esnek ürün sarın olmayacağını belirtir | Oynat " |
| wrap | Gerekirse esnek ürün sarın belirtir | Oynat " |
| wrap-reverse | Gerekirse esnek ürün ters sırada kaydırmayı, belirtir | Oynat " |
| initial | varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun | Oynat " |
| inherit | üst öğesinden bu özelliği devralır. Yaklaşık miras oku |
İlgili Sayfalar
CSS Referansı: flex property
CSS Referansı: flex-flow property
CSS Referansı: flex-direction property
CSS Referansı: flex-basis property
CSS Referans: flex-grow property
CSS Referansı: flex-shrink property
HTML DOM referansı: flexWrap property