flex.css

弹性盒子布局
.display-flex
width:300px
.flex-2
.flex-1
width:300px; margin-right:10px;
.flex-1
width:300px; margin-left:10px;
.display-flex    .flex-row
.flex-1
.flex-2
.flex-3
.display-flex    .flex-row-r
.flex-1
.flex-2
.flex-3
.display-flex    .flex-column
.flex-1
.flex-2
.flex-3
.display-flex    .flex-column-r
.flex-1
.flex-2
.flex-3
.display-flex    .flex-wrap-n
width:150px;
width:350px;
width:500px;
.display-flex    .flex-wrap
width:150px;
width:350px;
width:500px;
.display-flex    .flex-justify-r
width:150px;
width:350px;
.display-flex    .flex-justify-c
width:150px;
width:350px;
.display-flex    .flex-justify-s
width:150px;
width:350px;
.display-flex    .flex-justify-a
width:150px;
width:350px;
.display-flex    
.flex-1 .flex-align-s
.flex-1 .flex-align-e
.flex-1 .flex-align-c
.flex-1 .flex-align-a
.flex-1 .flex-align-b
.display-flex    .flex-items-e
.flex-1
.flex-1
.display-flex    .flex-items-c
.flex-1
.flex-1
.display-flex    .flex-items-s
.flex-1
.flex-1
.flex-1
.flex-1