Contoh
Posisi keberpihakan untuk semua item dari fleksibel <div> elemen pada awal wadah:
// Code for Safari 7.0+
document.getElementById("main").style.WebkitAlignItems = "flex-start";
// Standard syntax
document.getElementById("main").style.alignItems =
"flex-start"; Cobalah sendiri " Definisi dan Penggunaan
Properti alignItems menentukan keselarasan default untuk item dalam wadah fleksibel.
Tip: Gunakan properti menyelaraskan diri dari setiap item untuk menimpa properti menyelaraskan-item.
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Nomor diikuti oleh Webkit menentukan versi pertama yang bekerja dengan awalan.
| Milik | |||||
|---|---|---|---|---|---|
| alignItems | 21.0 | 11.0 | 20,0 | 7.0 Webkit | 12.1 |
Catatan: Safari mendukung alternatif, properti WebkitAlignItems.
Sintaksis
Kembali properti alignItems:
object .style.alignItemsMengatur properti alignItems:
object .style.alignItems="stretch|center|flex-start|flex-end|baseline|initial|inherit"
Nilai properti
| Nilai | Deskripsi |
|---|---|
| stretch | Default. Produk yang ditarik agar sesuai wadah |
| center | Produk yang diposisikan di tengah wadah |
| flex-start | Produk yang diposisikan pada awal wadah |
| flex-end | Produk yang diposisikan pada akhir wadah |
| baseline | Produk yang diposisikan di dasar wadah |
| initial | Set properti ini ke nilai default. Baca tentang awal |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Rincian teknis
| Nilai default: | meregang |
|---|---|
| Kembali Nilai: | Sebuah String, yang mewakili properti menyelaraskan-item dari unsur |
| CSS Versi | CSS3 |
Pages terkait
Referensi CSS: align-items property
HTML DOM STYLE Referensi: alignContent property
HTML DOM STYLE Referensi: alignSelf property
<Style Object