那些常用的css3技巧

1、如何让一个父div里面的所有子元素都垂直与水平居中的解决方法

我们在做布局的时候，经常用到的就是在一个父元素里面有多个的子元素相对于父元素垂直居中、水平居中，在这里我介绍一种快捷的解决方案就是利用css3的box-align属性，在w3c菜鸟教程中有关于box-align和box-pack属性的详细用法介绍。

我们将父元素的css属性添加｛

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

/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-pack:center;　　
-webkit-box-align:center;

｝

注意：根据不同浏览器，要写上兼容前缀。