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

高洛峰
高洛峰 原创
2017-02-21 10:59:03 1548浏览

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

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

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

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

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

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

  

更多[CSS] 子元素垂直居中的两种方式 相关文章请关注PHP中文网!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。