首页 > 代码库 > 居中方法

居中方法

在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;

居中方法