首页 > 代码库 > [CSS] 子元素垂直居中的两种方式

[CSS] 子元素垂直居中的两种方式

1. 多个子元素水平并排,IE10以下失效

1 display: flex;
2 align-items: center;
3 justify-content: center;

技术分享

 

2.多个子元素竖直排列,这种方式会导致margin失效,IE8以下失效

1 display: table-cell;
2 vertical-align: middle;

技术分享

  

  

 

[CSS] 子元素垂直居中的两种方式