1. 多个子元素水平并排，IE10以下失效 display: flex; align-items: center; justify-content: center;登录后复制 2.多个子元素竖直排列，这种方式会导致margin失效，IE8以下失效 display: table-cell; vertical-align: middle;登录后复制 更多[CSS] 子元素垂直居中的两种方式 相关文章请关注PHP中文网！
![[CSS] 子元素垂直居中的两种方式](https://img.php.cn/upload/article/000/000/013/cb865a4ad56826c2550cdf305afe4cbb-0.png "[CSS] 子元素垂直居中的两种方式")
![[CSS] 子元素垂直居中的两种方式](https://img.php.cn/upload/article/000/000/013/f31e7fed803d25572ac5dfedbf57c918-1.png "[CSS] 子元素垂直居中的两种方式")
