Örnek
Esnek tüm öğeler için hizalamalarını yerleştirin <div> kabın başında elemanı:
// Code for Safari 7.0+
document.getElementById("main").style.WebkitAlignItems = "flex-start";
// Standard syntax
document.getElementById("main").style.alignItems =
"flex-start"; Kendin dene " Tanımı ve Kullanımı
alignItems özelliği esnek kap içindeki öğeler için varsayılan hizalamasını belirtir.
Tip: hizalamak-ürün özelliğini geçersiz kılmak için her öğenin hizalama-öz özelliğini kullanın.
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 | |||||
|---|---|---|---|---|---|
| alignItems | 21,0 | 11.0 | 20.0 | 7.0 Webkit | 12.1 |
Not: Safari alternatif, WebkitAlignItems özelliğini desteklemez.
Sözdizimi
alignItems özelliğini Dönüş:
object .style.alignItemsalignItems özelliğini ayarlayın:
object .style.alignItems="stretch|center|flex-start|flex-end|baseline|initial|inherit"
Mülkiyet Değerler
| değer | Açıklama |
|---|---|
| stretch | Varsayılan. Öğeler kabı sığacak şekilde uzatılır |
| center | Ürünler, kabın merkezinde konumlandırılmış |
| flex-start | Öğeler kabın başında konumlandırılmış |
| flex-end | Ürünler, kabın ucunda konumlandırılmış |
| baseline | Ürünler, kabın taban çizgisinde konumlandırılır |
| initial | varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun |
| inherit | üst öğesinden bu özelliği devralır. Yaklaşık miras oku |
Teknik detaylar
| Varsayılan değer: | germek |
|---|---|
| Geri dönüş değeri: | bir elemanın hizalama-ürün özelliğini temsil eden bir String, |
| CSS Sürüm | CSS3 |
İlgili Sayfalar
CSS referansı: align-items property
HTML DOM STİL Referans: alignContent property
HTML DOM STİL Referans: alignSelf property
<Stil Nesne