Maison > interface Web > tutoriel CSS > Comment puis-je centrer verticalement une division imbriquée dans un parent à hauteur en pourcentage ?

Comment puis-je centrer verticalement une division imbriquée dans un parent à hauteur en pourcentage ?

Mary-Kate Olsen
Libérer: 2024-11-30 17:10:13
original
828 Les gens l'ont consulté

How Can I Vertically Center a Nested Div Within a Percentage-Height Parent?

Alignement vertical d'un 'div' imbriqué dans un élément parent à hauteur en pourcentage

La question se pose de savoir s'il est possible d'aligner un « div » imbriqué verticalement dans un « div » parent qui spécifie sa hauteur en tant que pourcentage.

Solution :

Ce sujet a été largement discuté dans divers forums. Une recherche de base en ligne donne de nombreux résultats. Parmi les approches recommandées, une méthode répandue consiste à utiliser la méthode « display : table-cell ; » et « alignement vertical : milieu ; » propriétés.

Reportez-vous à l'exemple suivant :

`

Centré Text

`

Remarque :

Bien que cette solution puisse être efficace, il est important de noter qu'elle peut ne pas fonctionner de manière transparente dans Internet Explorer 6. Par conséquent, tenez compte de cette limitation avant de mettre en œuvre cette approche.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal