propriété CSS d'alignement de la boîte


  Résultats de traduction：
& vi Boxe

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 proprement

vi 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îtesyntaxe

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îteexemple

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

Recommandations populaires

Maison

vidéos

Questions et réponses

soumettre