将display:flex应用于父元素时，主轴默认为水平方向，侧轴默认为垂直方向。如果您想要更改主轴和侧轴的方向，可以使用flex-direction属性。
例如，如果您想要将主轴方向更改为垂直方向，可以将flex-direction设置为column。这将使侧轴方向更改为水平方向。以下是一个示例：
.container{
display:flex;
flex-direction:column;
}
在上面的示例中，.container是父元素的类名，display:flex将其设置为flex容器，并使用flex-direction:column将主轴方向更改为垂直方向。这将使子元素从上到下排列，而不是从左到右排列。
您还可以使用justify-content和align-items属性来控制子元素在主轴和侧轴上的对齐方式。
当您将flex-direction属性设置为column时，justify-content控制子元素在垂直方向上的对齐方式，align-items控制子元素在水平方向上的对齐方式。以下是示例代码：
.container{
display:flex;
flex-direction:column;
justify-content:center;/*控制子元素在垂直方向上居中对齐*/
align-items:center;/*控制子元素在水平方向上居中对齐*/
}
在上面的示例中，justify-content:center将子元素在垂直方向上居中对齐，align-items:center将子元素在水平方向上居中对齐。这将使子元素沿垂直方向居中对齐，并在水平方向上紧密排列。
请注意，justify-content和align-items的属性值可以是flex-start，flex-end，center，space-between，space-around，space-evenly或stretch，具体取决于您想要实现的布局效果。