Orang ketiga tunggal: kotak Jamak: kotak Participle sekarang: tinju Masa lampau: berkotak Kata lalu: berkotak
flex
Bahasa Inggeris [fleks] Amerika [flɛks];
penguncupan (otot); menunjukkan kekuatann lenturan; [elektrik] dawai bungaOrang ketiga tunggal: flexes Kata bahagian sekarang: melenturkan Kata lampau: dilenturkan.harta css box-flex sintaks
Fungsi: Menentukan sama ada elemen anak kotak boleh mengembang atau mengecut saiznya.
Sintaks: box-flex: nilai;
Penerangan: nilai Barisan elemen yang boleh skala. Fleksibiliti adalah relatif, contohnya, elemen kanak-kanak dengan fleksibel kotak 2 adalah dua kali lebih fleksibel daripada elemen kanak-kanak dengan fleksibel kotak 1.
Nota: Elemen boleh skala boleh disingkatkan atau dibesarkan apabila kotak mengecut atau mengembang. Setiap kali terdapat ruang tambahan dalam kotak, elemen berskala mengembang untuk memenuhi ruang itu. Tiada penyemak imbas yang menyokong atribut box-flex pada masa ini. Firefox menyokong sifat alternatif -moz-box-flex. Safari, Opera dan Chrome menyokong atribut alternatif -webkit-box-flex.
harta css box-flex contoh
<!DOCTYPE html> <html> <head> <style> div { display:-moz-box; /* Firefox */ display:-webkit-box; /* Safari and Chrome */ display:box; width:300px; border:1px solid black; } #p1 { -moz-box-flex:1.0; /* Firefox */ -webkit-box-flex:1.0; /* Safari and Chrome */ box-flex:1.0; border:1px solid red; } #p2 { -moz-box-flex:2.0; /* Firefox */ -webkit-box-flex:2.0; /* Safari and Chrome */ box-flex:2.0; border:1px solid blue; } </style> </head> <body> <div> <p id="p1">Hello</p> <p id="p2">php中文网</p> </div> <p><b>注释:</b>IE 不支持 box-flex 属性。</p> </body> </html>
Run Instance »
Klik butang "Run Instance" untuk melihat instance dalam talian