atribut pek kotak css


  Hasil terjemahan：
& vi. Tinju

Orang ketiga tunggal: kotak Plural: kotak Present participle: boxing Past tense: boxed Past participle: boxed

pack

英[pæk] 美[pæk] ;

kad; daripada) sepasang

vt.& vi. mengetatkan

vi. untuk mengemas; Dikemas rapat; mudah dilipat dan disimpan; dibungkus

atribut pek kotak csssintaks

Fungsi: Menentukan tempat untuk meletakkan elemen kanak-kanak apabila kotak lebih besar daripada saiz elemen kanak-kanak. Sifat ini menentukan kedudukan mendatar dalam kotak mendatar, dan kedudukan menegak dalam kotak menegak.

Syntax: box-pack: start|end|center|justify;

Arahan: start Untuk kotak dengan orientasi biasa, tepi kiri elemen anak pertama diletakkan di sebelah kiri (selepas elemen anak terakhir ialah Semua ruang yang tinggal)

, untuk kotak arah bertentangan, tepi kanan elemen anak terakhir diletakkan di sebelah kanan (semua ruang yang tinggal sebelum elemen anak pertama). hujung Untuk kotak berorientasikan biasa, tepi kanan anak terakhir diletakkan di sebelah kanan (mana-mana ruang yang tinggal sebelum anak pertama). Untuk kotak dengan orientasi bertentangan, tepi kiri anak pertama diletakkan di sebelah kiri (dan sebarang ruang yang tinggal selepas anak terakhir). pusat membahagikan lebihan ruang sama rata, dengan separuh daripada ruang diletakkan sebelum elemen anak pertama dan separuh lagi selepas elemen anak terakhir. justify membahagi lebihan ruang antara setiap elemen kanak-kanak (tiada lebihan ruang sebelum anak pertama dan selepas anak terakhir).

Nota: Tiada penyemak imbas yang menyokong atribut pek kotak pada masa ini. Firefox menyokong atribut alternatif -moz-box-pack. Safari, Opera dan Chrome menyokong atribut alternatif -webkit-box-pack.

atribut pek kotak csscontoh

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:350px;
height:100px;
border:1px solid black;
  
/* 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;
}
</style>
</head>
<body>

<div>
<p>我是居中对齐的。</p>
</div>

<p><b>注释：</b>IE 不支持 box-pack 和 box-align 属性。</p>

</body>
</html>

Run Instance »

Klik butang "Run Instance" untuk melihat instance dalam talian

Cadangan popular

Rumah

video

Soal Jawab

serahkan