| align-items 样式说明 | 代码示例 ) 介绍的 align-items 样式 只能设置 侧轴单行子元素排列方式 , 如果侧轴有多行元素排列 , 则需要使用 align-content...;
flex-start , 默认值 , 侧轴中的元素 从上到下 排列 ; ( 侧轴默认方向是 从上到下 方向的情况 )
flex-end , 侧轴中的元素 从下到上 排列 ;
center , 多行元素在侧轴...居中对齐 , 显示在中间 ;
space-around , 多行元素 在 侧轴 中 , 平分剩余空间 ;
space-between , 多行元素 首先将上下两行紧贴顶部和底部 , 其余元素平分剩余空间...设置默认的 侧轴多行元素 排列方式 , 作为参照 ;
核心代码示例 :
/* 将展示样式设置为 flex 即可启用弹性布局 */
display: flex...space-around , 多行元素 在 侧轴 中 , 平分剩余空间 ;
核心代码示例 :
/* 将展示样式设置为 flex 即可启用弹性布局 */