其中主轴指的是元素的排列方向，可以是水平方向（row）或垂直方向（column），而交叉轴则是与主轴垂直方向的轴线，即在水平方向的主轴下，在垂直方向上是交叉轴。
使用flexbox布局时，大家需要了解以下的flex参数：
.container {
display: flex; /* 定义为flex布局 */
flex-direction: row; /* 主轴方向，row为横向排列，column为纵向排列 */
flex-wrap: wrap; /* 是否自动换行 */
justify-content: center; /* 对齐方式：flex-start, flex-end, center, space-between, space-around */
align-items: center; /* 对齐方式：flex-start, flex-end, center, baseline, stretch */
}其中，flex-direction的值可以从两个方向选择，即row和column，用于设置内容区域排列的主轴方向。而flex-wrap的值可以为nowrap、wrap和wrap-reverse，用于控制是否换行以及换行的方式。
另外，justify-content和align-items分别控制元素在主轴和交叉轴上的对齐方式。其中justify-content有五个可选值：flex-start、flex-end、center、space-between和space-around，它们分别表示左对齐、右对齐、中间对齐、平移对齐和平均分布对齐。而align-items的可选值也是五个：flex-start、flex-end、center、baseline和stretch，分别表示顶部对齐、底部对齐、中间对齐、文本基线对齐和拉伸对齐。
在实际应用中，大家可以使用这些参数来灵活地控制元素的位置和大小，从而达到各种不同的布局效果。