display:flex是一种CSS属性，它允许您将一个元素及其子元素排列在一个水平或垂直的方向上。默认情况下，flex容器的主轴是水平的，交叉轴是垂直的，但您可以通过以下属性来改变它们：
flex-direction属性：这个属性允许你改变主轴的方向。默认值是row，表示从左到右水平排列，而column表示从上到下垂直排列。还有row-reverse和column-reverse，它们分别表示从右到左水平排列和从下到上垂直排列。
justify-content属性：这个属性允许你在主轴上对齐flex子元素。默认值是flex-start，表示左对齐（对于row方向）或上对齐（对于column方向）。其他可能的值包括center、flex-end、space-between和space-around。
align-items属性：这个属性允许你在交叉轴上对齐flex子元素。默认值是stretch，表示拉伸子元素以填充容器的高度（对于row方向）或宽度（对于column方向）。其他可能的值包括flex-start、center、flex-end和baseline。
align-content属性：这个属性允许你在交叉轴上对齐flex容器中多行或列之间的空间。默认值是stretch，表示拉伸内容以填充容器的高度（对于row方向）或宽度（对于column方向）。其他可能的值包括flex-start、center、flex-end、space-between和space-around。请注意，这个属性只在有多行或列时才有效。
flex-wrap属性：这个属性允许你控制flex子元素是否换行。默认值是nowrap，表示不换行。其他可能的值包括wrap和wrap-reverse。
flex-flow属性：这个属性是flex-direction和flex-wrap的组合，允许你在一个属性中同时设置它们。
order属性：这个属性允许你更改flex子元素的顺序。默认值是0，表示不改变顺序。任何一个非零的整数都可以使用，较小的数字表示较前的位置，而较大的数字表示较后的位置。
这些属性可以组合使用，以实现灵活的布局和对齐。例如，如果你想要一个垂直居中的flex容器，并使其子元素从右到左水平排列，你可以这样写：
.container{
display:flex;
flex-direction:row-reverse;
justify-content:center;
align-items:center;
}
以上代码中，flex-direction:row-reverse使得子元素从右到左排列，justify-content:center和align-items:center将子元素在主轴和交叉轴上都居中对齐。