Maison >interface Web >tutoriel CSS >[CSS] Deux façons de centrer verticalement les éléments enfants
[CSS] Deux façons de centrer verticalement les éléments enfants
- 高洛峰original
- 2017-02-21 10:59:032161parcourir
1. Plusieurs sous-éléments sont disposés horizontalement, invalides sous IE10
display: flex; align-items: center; justify-content: center;
![[CSS] 子元素垂直居中的两种方式](https://img.php.cn/upload/article/000/000/013/cb865a4ad56826c2550cdf305afe4cbb-0.png "[CSS] 子元素垂直居中的两种方式")
2. Plusieurs sous-éléments sont disposés verticalement. Cette méthode rendra la marge invalide sous IE8
display: table-cell; vertical-align: middle;
<.>![[CSS] 子元素垂直居中的两种方式](https://img.php.cn/upload/article/000/000/013/f31e7fed803d25572ac5dfedbf57c918-1.png "[CSS] 子元素垂直居中的两种方式")
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