码迷,mamicode.com
首页 > 其他好文 > 详细

通过box盒子模型给元素内容设置居中

时间:2015-09-03 01:49:49      阅读:212      评论:0      收藏:0      [点我收藏+]

标签:

老版本语法

div{

display: -webkit-box;
-webkit-box-align:center; //垂直居中
-webkit-box-pack:center;//水平居中

}

 

新版本语法

div{

display: -webkit-flex;

-webkit-align-items: center;

align-items: center;//垂直居中

-webkit-justify-content: center;

justify-content: center;//水平居中

}

 

混合版本语法

div{

display: -ms-flexbox; /* 混合版本语法: IE 10 */

 -ms-flex-pack: center; //水平居中

-ms-flex-align: center; //垂直居中

}

 

 

 

通过box盒子模型给元素内容设置居中

标签:

原文地址:http://www.cnblogs.com/toward-the-sun/p/4779825.html

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