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

居中方法

时间:2017-02-25 21:06:59      阅读:252      评论:0      收藏:0      [点我收藏+]

标签:bottom   方法   absolute   top   css3   水平   position   tab   splay   

在css3中有一种居中方法 父元素 display:-webkit-box      -webkit-box-pack:center;表示垂直居中       -weblit-box-align:center;表示水平居中

单独使用可以实现单独的水平或垂直居中,两个结合可以实现完全居中

完全居中方法:父元素设置display:flexed    子元素设置   margin:auto

(b),子元素 position:absolute  , top:0; bottom:0;  left:0;  right:0; margin:auto

(c)  父元素  display:table-cell;  vertical-align:middle;    子元素:margin:auto;

居中方法

标签:bottom   方法   absolute   top   css3   水平   position   tab   splay   

原文地址:http://www.cnblogs.com/qianduangaoshou/p/6442563.html

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