前端知识
【移动端网页布局】flex 弹性布局 ③ ( 设置主轴子元素排列方式 | justify-content 样式说明 | 子元素从头部开始排列 | 子元素从尾部开始排列 | 居中对齐 | 平均分配 )
2024-05-24 08:05:58
155
159
一、设置主轴子元素排列方式 : justify-content 样式说明二、代码示例1、代码示例 - 子元素从头部开始排列2、代码示例 - 子元素从尾部开始排列3、代码示例 - 子元素在主轴方向上居中对齐4、代码示例 - 子元素平均分配剩余空间5、代码示例 - 两侧的子元素贴两边 / 其它元素平分剩余空间_justify-content: flex-end;
2024-04-29 12:04:38
626
618
一、设置子元素是否换行 : align-items 样式说明1、 align-items 样式引入2、 align-items 样式属性值二、代码示例1、 代码示例 - 默认样式2、 代码示例 - 设置主轴水平居中3、 代码示例 - 设置侧轴垂直居中4、 代码示例 - 设置侧轴从下到上排列5、 代码示例 - 设置侧轴拉伸排列_align-items: stretch
2024-04-29 12:04:45
726
673
一、align-self 子项目属性 - 设置指定子项目元素侧轴排列方式二、代码示例 - 设置指定子项目的侧轴排列方式_align-self 有几种排列方式