其实css3有一个很简单的居中写法:
display: -webkit-box;//盒模型
-webkit-box-align: center;//垂直居中
-webkit-box-pack: center;//水平居中
对于块级的元素可以不需要设置浮动(float)可以使他们不换行显示 也是直接设置display:-webkit-box;
如果你在元素中使用了float 然后又设置了display:-webkit-box那么元素就不会显示
-webkit-box是针对webkit内核的浏览器 火狐 : -moz-box;
IE : -ms-box