弹性盒子常用属性

添加浏览器前缀: -webkit-           也可用postCss自动添加

display:-webkit-flex;  *如果用了弹性布局,子元素不需要浮动,

-webkit-justify-content:      子元素水平排列方式方式。

        center      水平居中

        space-between  两端对齐

        space-around    手拉手平均分

        flex-start     居左对齐

        flex-end      居右对齐

 

-webkit-align-items:       子元素垂直排列

        center      垂直居中

        space-between  上下两端对齐

        space-around    手拉手上下平均分

        flex-start     顶部对齐

        flex-end      底部对齐

 

-webkit-flex-direction:     排列方式        

        row       认值  横向排列

        row-reverse    横向颠倒排列    *不常用

        column      垂直排列

        column-reverse   垂直颠倒排列    *不常用    

 

-webkit-flex-wrap:

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效