CSSFlexbox的justify-content属性用于设置Flex容器中子元素在主轴上的对齐方式。
主轴是Flex容器中排列子元素的轴线，可以是水平轴（从左到右）或垂直轴（从上到下），由flex-direction属性指定。在水平轴上的主轴称为主轴（mainaxis），在垂直轴上的主轴称为交叉轴（crossaxis）。
justify-content属性有以下可选值：
flex-start：子元素在主轴上向起点对齐。
flex-end：子元素在主轴上向终点对齐。
center：子元素在主轴上居中对齐。
space-between：子元素在主轴上平均分布，并且第一个子元素与起点对齐，最后一个子元素与终点对齐。
space-around：子元素在主轴上平均分布，但是每个子元素周围都有一定的空间。
space-evenly：子元素在主轴上平均分布，并且每个子元素之间的空间相等。
下面是一个使用justify-content属性的示例：
.container{
display:flex;
justify-content:space-between;
}
在这个例子中，Flex容器的子元素将在主轴上均匀分布，第一个子元素将靠近主轴的起点，最后一个子元素将靠近主轴的终点。
另外，还有两个可选值start和end，它们与flex-start和flex-end相同，但是根据flex-direction属性指定的主轴的方向而有所不同。当flex-direction为row时，start和end与flex-start和flex-end相同；当flex-direction为row-reverse时，start与flex-end相同，end与flex-start相同；当flex-direction为column时，start与flex-start相同，end与flex-end相同；当flex-direction为column-reverse时，start与flex-end相同，end与flex-start相同。
除了justify-content属性外，还有一些其他的Flexbox属性可以用于控制子元素在主轴上的位置和对齐方式，例如align-items和align-self属性。这些属性可以根据具体的布局需求进行选择和组合使用。