本文目录一览：
flex布局属性简介
flex-direction：设置主轴的方向（即项目的排袭腔列方向）。
内有四个值:
row（默认值）：主轴为水平方向，起点在左端。
row-reverse：主轴为水平方向，起点在右端。
column：主轴为垂直方向拍滚衫，起点在上沿
column-reverse：主轴为垂直方向，起点在下沿
justify-content：设置主轴上的子元素排列方式。
内有五个值:
flex-start（默认值）：左对齐
flex-end：右对齐
center： 居中
space-between：两端对齐，项目之间的间隔都相等。
space-around：每个项目两侧的间隔相等备裂。所以，项目之间的间隔比项目与边框的间隔大一倍
flex-wrap：设置子元素是否换行
内有三个值:
nowrap（默认）：不换行
wrap：换行，第一行在上方
wrap-reverse：换行，第一行在下方
flex不能识别标识符之间的空格
题主是否想询问”flex为什么不能识别标识符备世之间的空格“flex不能识别标识符之间的空格原因如下：
1、在flex中，标识符之间的空格是有意义的，它们被用作分隔符，因此，在标识符之间添加了空敏滚段格，flex会将其视为两个标识符，而不是一个标识符，会导致词法分析器无法正确地识别输入的单词或语句。
2、举个例子，假设有一个匹配标识符的正则表达式[a-zA-Z]+，输入为HelloWorld，在Hello和桥誉World之间添加了空格，如HelloWorld，那么flex会将其视为两个标识符，分别为Hello和World，而不是一个标识符HelloWorld。
flex布局之flex-wrap属性详解
在设置display: flex的容器中缓腊，其中的子元素默认是不信虚换行的，当其子元素的总宽度大于容器的宽度时，其会将子元素的宽度挤压，即得不到我们想要的宽度。而flex-wrap则可以将容器设置为是否可换行，其中常用的值有如下所示：
其效滑哪燃果如下图所示：
MARTIN-FLEX的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于、MARTIN-FLEX的信息别忘了在本站进行查找喔。
添加微信
