harta css box-flex


  Hasil terjemahan:
& vi. Tinju

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 kekuatan

n lenturan; [elektrik] dawai bunga

Orang ketiga tunggal: flexes Kata bahagian sekarang: melenturkan Kata lampau: dilenturkan.

harta css box-flexsintaks

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-flexcontoh

<!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

Cadangan popular

Rumah

video

Soal Jawab