Örnek
esnek kabın merkezine doğru Paketi hatları:
div
{
width: 70px;
height: 300px;
border: 1px solid #c3c3c3;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
align-content: center;
}
Kendin dene " Tanımı ve Kullanımı
hizalama içerikli mülkiyet esnek-sarma özelliğinin davranışını değiştirir. It-öğeleri hizalamak için benzer, ancak bunun yerine esnek öğeleri hizalayarak nedeniyle, esnek çizgiler hizalar.
İpucu: kullan haklı içerik ana ekseni üzerindeki öğeleri hizalamak için özellik (horizontally) .
Not: Herhangi bir etkiye sahip bu özellik için öğelerin birden çok satır olmalı.
| Varsayılan değer: | stretch |
|---|---|
| Miras: | no |
| canlandırılabilir: | no. Read about animatable |
| Versiyon: | CSS3 |
| JavaScript sözdizimi: | object .style.alignContent="center" Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
-webkit- ardından Numaraları önek ile çalıştı ilk sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| align-content | 21,0 | 11.0 | 28,0 | 9.0 7.0 -webkit- | 12.1 |
CSS sözdizimi
align-content: stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit;Mülkiyet Değerler
| değer | Açıklama | Oynat |
|---|---|---|
| stretch | Varsayılan değer. Çizgiler kalan yer kaplar için germek | Oynat " |
| center | Çizgiler esnek kabın merkezine doğru paketlenmiş | Oynat " |
| flex-start | Çizgiler esnek kabın başlangıcına doğru paketlenmiş | Oynat " |
| flex-end | Çizgiler esnek kabın sonuna doğru paketlenmiş | Oynat " |
| space-between | Çizgiler eşit esnek bir kap içinde dağıtılır | Oynat " |
| space-around | Çizgiler eşit her iki uçta da yarı boyutlu boşluklu, esnek bir kap içinde dağıtılır | 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: align-items property
CSS Referans: align-self property
CSS Referansı: justify-content property
HTML DOM referansı: alignContent property