flex布局 父元素属性之 justify content 主轴上子元素的排列方式

父元素属性之 justify-content justify-content:设置主轴上子元素的排列方式 justify-content 的属性值如下: 属性值 含义 flex-start 从主轴的头部开始排,主轴:x轴 左对齐;y轴 顶部对齐(默 认值) flex-end 从主轴的尾部开始排,主轴:x轴 右对齐;y轴 底部对齐 center 在主轴上居中对齐 space-around 平分主轴上的剩余空间 space-between 先占据主轴的两边,再平分剩余的空间 下面用具体实列来解释这几个属性值 主轴是x轴的情况下: flex-