时间：2021-07-01 10:21:17 帮助过：178人阅读
display: flex; align-items: center; justify-content: center;
2.多个子元素竖直排列，这种方式会导致margin失效，IE8以下失效
display: table-cell; vertical-align: middle;
更多[CSS] 子元素垂直居中的两种方式 相关文章请关注PHP中文网！
< 上一篇
人人都能读懂的css33d小demo
下一篇 >
css3常用属性animation-play-state的使用技巧
记住我的登录 忘记密码？
登录
我已阅读用户协议及版权声明
注册
![[CSS] 子元素垂直居中的两种方式](https://img.gxlcms.com//Uploads-s/new/2019-09-27-201927/cb865a4ad56826c2550cdf305afe4cbb-0.png "[CSS] 子元素垂直居中的两种方式")
![[CSS] 子元素垂直居中的两种方式](https://img.gxlcms.com//Uploads-s/new/2019-09-27-201927/f31e7fed803d25572ac5dfedbf57c918-1.png "[CSS] 子元素垂直居中的两种方式")