css box-align property


  Hasil terjemahan：
& vi. Tinju

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

align

Bahasa Inggeris [əˈlaɪn] US [əˈlaɪn]

make pakatan ; Susun kemas

vi Susun; dalam satu baris

Orang ketiga tunggal: menjajarkan Kata bahagian sekarang: menjajarkan Kata lampau: diselaraskan Kata laluan: diselaraskan

css box-align propertysintaks

Fungsi: Menyatakan cara menjajarkan elemen anak kotak.

Syntax: box-align: start|end|center|baseline|regangan;

Arahan: start Untuk kotak yang berorientasikan biasa, tepi atas setiap elemen kanak-kanak diletakkan di sepanjang tepi atas kotak . Untuk kotak berorientasikan songsang, pinggir bawah setiap elemen kanak-kanak diletakkan di sepanjang tepi bawah kotak. hujung Untuk kotak berorientasikan biasa, tepi bawah setiap elemen kanak-kanak diletakkan di sepanjang tepi bawah kotak. Untuk kotak berorientasikan songsang, tepi atas setiap elemen kanak-kanak diletakkan di sepanjang tepi atas kotak. pusat membahagikan ruang tambahan sama rata, dengan separuh di atas elemen kanak-kanak dan separuh di bawahnya. garis dasar Jika orientasi kotak ialah paksi sebaris atau mendatar, semua elemen anak diselaraskan dengan garis dasarnya. regangan Regangkan elemen kanak-kanak untuk mengisi blok yang mengandungi

Nota: Tiada penyemak imbas pada masa ini menyokong atribut penjajaran kotak.

css box-align propertycontoh

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

/* W3C */
display:box;
box-pack:center;
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