欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-05-04 09:41:05
...
1. 多个子元素水平并排,IE10以下失效

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

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

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

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

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

  

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