- 博客(2)
- 收藏
- 关注
原创 flex布局
space-around:每个项目之间的距离相等,第一个项目离主轴起点和最后一个项目离终点的距离为中间项目间距的一半。主轴上第一个项目离主轴起点的 距离等于最后一个项目离主轴终点的距离。justify-content属性用于设置项目在主轴方向上的对齐方式,能够分配项目之间及其周围多余的空间。space-between:两端对齐,两端的项目分别向容器的两端,其他项目之间的间隔相等。/* flex-start:默认值,表示项目对其到主轴起点,项目间不留空隙。flex-end:项目对齐主轴终点,项目间不留空隙。
2023-12-15 01:13:08
38
原创 flex布局
justify-content属性用于设置项目在主轴方向上的对齐方式,能够分配项目之间及其周围多余的空间。/* flex-start:默认值,表示项目对其到主轴起点,项目间不留空隙。flex-direction用于设置主轴方向可以规定项目的排列方向。column:reverse:主轴为从上到下的垂直方向。rom-reverse:主轴为从右到左的水平方向。/* rom:默认值,主轴为从左到右的水平方向。column:主轴为从上到下的垂直方向。/* flex-direction属性。
2023-12-15 00:50:32
72
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅