码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-01-13 13:58:16      阅读:316      评论:0      收藏:0      [点我收藏+]

标签:item   技术   cell   span   vertica   play   cal   垂直   ima   

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] 子元素垂直居中的两种方式

标签:item   技术   cell   span   vertica   play   cal   垂直   ima   

原文地址:http://www.cnblogs.com/jinxin201211/p/6282358.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!