Troisième personne du singulier : boxes Pluriel : boxes Participe présent : boxing Passé : boxed Participe passé : boxed
pack英[pæk] 美[pæk]
n. cartes; de) une paire; un groupe
vt.& vi. serrer
vi emballer; serrer ensemble; facile à plier et à ranger (parfois utilisé avec off)
Troisième personne du singulier: packs Pluriel: packs Participe présent: emballage Passé: emballé Participe passé: emballé.
Fonction : Spécifie où placer l'élément enfant lorsque la boîte est plus grande que la taille de l'élément enfant. Cette propriété spécifie la position horizontale dans la zone horizontale et la position verticale dans la zone verticale. Syntaxe : box-pack : start|end|center|justify; Instructions : start Pour une boîte avec une orientation normale, le bord gauche du premier élément enfant est placé sur le côté gauche (après le le dernier élément enfant est Tout l'espace restant) , pour la case de direction opposée, le bord droit du dernier élément enfant est placé à droite (tout l'espace restant avant le premier élément enfant). end Pour les cases normalement orientées, le bord droit du dernier enfant est placé à droite (tout espace restant avant le premier enfant). Pour les cases d'orientation opposée, le bord gauche du premier enfant est placé à gauche (et tout espace restant après le dernier enfant). center divise l'espace excédentaire de manière égale, la moitié de l'espace étant placée avant le premier élément enfant et l'autre moitié après le dernier élément enfant. justifier divise l'espace excédentaire entre chaque élément enfant (pas d'espace excédentaire avant le premier enfant et après le dernier enfant). Remarque : Aucun navigateur ne prend actuellement en charge l'attribut box-pack. Firefox prend en charge un attribut alternatif -moz-box-pack. Safari, Opera et Chrome prennent en charge l'attribut alternatif -webkit-box-pack. Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligneattribut css box-pack syntaxe
attribut css box-pack exemple
<!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>
Exécuter l'instance »