flex布局

IE 11才完全支持flex布局方案,在IE 10的CSS中可使用-ms-前缀支持部分flex布局

.parent{

display:  flex;       //inline-flex

}

.item{

flex-basis: 30%

}

1.display:  flex | inline-flex

2.flex-dection:row |  row-reverse | colume | colume-reverse

3.flex-wrap:nowrap (不换行)| wrap | wrap-reverse

4.flex-flow: flex-direction  flex-wrap;

5.item对齐方式:just-cntent align-items align-content 

just-cntent:flex-start  flex-end center  space-between   spacce around space-evenly

原文地址:https://www.cnblogs.com/namehou/p/8995404.html