Flex布局教程地址https://www.youtube.com/watch...https://paper.dropbox.com/doc...https://www.w3cplus.com/css3/...控制换行符属性flex-wrap:wrap|现在收起|换行；flex-direction控制轴的方向flex-direction:row|行反转|栏目|列反转；justify-content:Main-Axis，主轴的对齐方式justify-content:flex-start|弹性端|中心|间隔|:Cross-Axis,交错轴的对齐方式align-items:flex-start|弹性端|中心|基线|拉紧;startalignmentendalignment沿自己的基线居中对齐，与行高默认值有关，所有容器都一样highalign-items:baseline;对齐项目：居中；默认的Main-Axis方向是从左到右，Cross-Axis方向是从上到下，对吧？当使用flex-direction:column时，Main-Axis和Cross-Axis会发生如下变化：flex-direction:columnalign-item:felx-end;flex的简写flex是flex-grow、flex-shrink和flex-basis三个属性的简写（shorthand）：li{flex:01auto;}上面的代码等价于：li{flex-grow:0;伸缩收缩：1；弹性基础：自动；}将文本居中，除了text-align:cen除了三；行高；方法，也可以使用flex方法：.fourli{display:flex;证明内容：居中；align-items:center;}让flexitem有一个固定的宽度，不随内容自动拉伸设置flexitem的宽度为0（好像不兼容firefox）.wrap{display:flex;}.wrap.item{ flex:1; width:0px;}
