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
Mary-Kate Olsenoriginal
2024-11-30 17:10:13902parcourir

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!

Déclaration:
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