flexbox研究flexbox需要明确一个概念，主轴和交叉轴的概念，这两个轴是可以互换的。子项容器样式显示：flex|inline-flex设置这个属性表示当前元素变成灵活的容器，一个是块容器，一个是内联块容器flex-direction:row|行反转|栏目|column-reverseflex-direction表示主轴布局方向row:left->right,row-reverse:right->left,column:up->down,column-reverse:down->upflex-wrap:nowrap|包装|wrap-reverseflex-wrap：表示如何显示布局之外的元素，分别为不换行、换行、换行后，从右向左排列flex-flow：<'flex-direction'>||<'flex-wrap'>这是“flex-direction”和“flex-wrap”属性的缩写版本。还定义了flex容器的主轴和交叉轴。它的默认值是“rownowrap”。证明内容：flex-start|弹性端|中心|间隔|space-around主轴方向的对齐方式flex-start（默认值）：柔性项对齐到一行的起始位置。flex-end：弹性项目对齐到一行的末尾。center：灵活的项目对齐到行的中间。space-between：弹性项目将均匀分布在行中。一行中第一个弹性项目的起始位置，以及一行中最后一个弹性项目的结束位置。space-around：灵活的项目会均匀分布在行中，两端预留一半空间。对齐项目：flex-start|弹性端|中心|基线|stretch定义flex项目的横轴在当前行的对齐方式flex-start：横轴起点处flex项目的外边距靠近横轴上行的起始边。flex-end：flex项目在横轴末端的外边距靠近横轴末端的行尾。center：弹性项目的边距框在行的横轴上居中。基线：弹性项目根据其基线对齐。stretch（默认）：弹性项目伸展以填充整个弹性容器。此值会导致项目的边距框的大小在“最小/最大宽度/高度”属性的约束下尽可能接近行的大小。对齐内容：flex-start|弹性端|中心|间隔|环绕空间|stretch定义弹性项目在弹性容器内的对齐方式弹性项目样式order:
