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