CSS3 properti kotak-pack
contoh
Elemen anak dari div menggunakan kedua kotak-align dan properti kotak-pack berpusat:
{
width:350px;
height:100px;
border:1px solid black;
/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;
/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;
/* Safari, Chrome, and Opera */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;
/* W3C */
display:box;
box-pack:center;
box-align:center;
}
Coba »
Dukungan Browser
Mainstream browser saat ini tidak mendukung atribut kotak-pack.
Internet Explorer 10 menggunakan properti properti -MS-flex-pack bukan mendukung.
Firefox dengan milik pribadi - dukungan MOZ-box-pack.
Safari, Opera, dan Chrome melalui dukungan properti -webkit-box-pack swasta.
Catatan: Internet Explorer 9 dan versi sebelumnya dari IE tidak mendukung kotak fleksibel.
Definisi atribut dan petunjuk
kotak-pack kotak atribut menentukan kapan elemen anak ditempatkan dalam kotak dari elemen anak lebih kecil dari kotak.
Atribut ini menetapkan lintas bingkai posisi horizontal, posisi vertikal dari frame vertikal.
default: | awal |
---|---|
warisan: | tidak |
versi: | CSS3 |
sintaks JavaScript: | keberatan .style.boxPack = "center" |
tatabahasa
nilai | penjelasan |
---|---|
awal | Untuk arah umum kotak, anak pertama ditempatkan di tepi kiri sisi kiri (elemen anak terakhir dari semua ruang ekstra setelah berdiri). Untuk kotak terbalik, tepi kanan dari elemen anak terakhir ditempatkan di sisi kanan (semua ruang ekstra ditempatkan sebelum elemen anak pertama) |
akhir | Untuk kotak arah normal, elemen anak terakhir dari tepi kanan ditempatkan di sebelah kanan (semua anak pertama ekstra spasi sebelum). Untuk kotak terbalik, anak pertama dari tepi kiri di sisi kiri (elemen anak terakhir dari semua ruang ekstra setelah berdiri) |
pusat | Ruang tambahan dibagi secara merata menjadi dua bagian, babak pertama ditempatkan anak pertama, menempatkan setengah lainnya dari elemen anak terakhir |
membenarkan | Rata-rata ruang tambahan yang dialokasikan untuk setiap sub-elemen |