Maison  >  Article  >  interface Web  >  [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:032071parcourir

1. Plusieurs sous-éléments sont disposés horizontalement, invalides sous IE10

display: flex;
align-items: center;
justify-content: center;

[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] 子元素垂直居中的两种方式

Plus [CSS] Deux façons de centrer verticalement les éléments enfants Pour les articles connexes, veuillez faire attention au site Web PHP 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