Troisième personne du singulier : boxes Pluriel : boxes Participe présent : boxing Passé : boxed Participe passé : boxed
align
Anglais [??la?n] US [??la?n] vt. une alliance ; Organiser proprementvi Organiser ; en ligne Troisième personne du singulier : aligner Participe présent : aligner Passé : aligné Participe passé : aligné
propriété CSS d'alignement de la bo?te syntaxe
Fonction?: Spécifie comment aligner les éléments enfants de la bo?te.
Syntaxe?: box-align: start|end|center|baseline|stretch;
Instructions?: start Pour une bo?te normalement orientée, le bord supérieur de chaque élément enfant est placé le long du bord supérieur de la bo?te . Pour les bo?tes orientées inversement, le bord inférieur de chaque élément enfant est placé le long du bord inférieur de la bo?te. end Pour une bo?te normalement orientée, le bord inférieur de chaque élément enfant est placé le long du bord inférieur de la bo?te. Pour les bo?tes orientées inversement, le bord supérieur de chaque élément enfant est placé le long du bord supérieur de la bo?te. center divise l'espace supplémentaire de manière égale, avec la moitié au-dessus de l'élément enfant et l'autre moitié en dessous. baseline Si box-orient est en ligne ou horizontal, tous les éléments enfants sont alignés sur leur ligne de base. stretch étire les éléments enfants pour remplir le bloc conteneur
Remarque?: Aucun navigateur ne prend actuellement en charge l'attribut box-align.
propriété CSS d'alignement de la bo?te 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;
/* 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>Exécuter l'instance ?
Cliquez sur le bouton ??Exécuter l'instance?? pour afficher l'instance en ligne