display:flex动态详解-春藤技术，春藤建站

采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称”项目”。

没有display:flex的样式

原始 display:flex

justify-content:flex-start justify-content:flex-end justify-content:center justify-content:space-between justify-content:space-around

align-items:flex-start align-items:flex-end align-items:center align-items:baseline align-items:stretch

flex-direction:row flex-direction:row-reverse flex-direction:column flex-direction:column-reverse

flex-wrap:nowrap flex-wrap:wrap flex-wrap:wrap-reverse

flex-grow:0 flex-grow:1 第二个元素flex-grow为2

flex-shrink:1 flex-shrink:0