Flex布局演示

.flex{

• justify-content: flex-start flex-start flex-end center space-between space-around space-around
• align-items: center center flex-end flex-start right left space-around
• flex-direction: row row row-reverse column column-reverse

}
.item{

• flex-basis: auto auto 1000px 100% 50%

}