小白学习之主轴对齐方式与侧轴对齐方式

【1】主轴对齐方式

属性名justity-content  不能单一的说控制水平方向对齐,可以改变主轴处于水平还是垂直

属性值 1flex-start默认从起点开始 2flex-end从终点开始

3center沿主轴居中排列

4space-between将父级剩余尺寸(即父级减子级)分配给间距;弹性盒子之间的间距相等 (出现在之间两头没有)

4space-around把间距平均分配到盒子的两侧 (弹性盒子之间的间距是两端间距的2倍)

5space-evenly 每个间距相等                                                                                                            【2】侧轴对齐方式

属性名1所有align-items给弹性容器的设置

2某个align-self给弹性盒子设置  两者属性值相同

若弹性盒子设置侧轴方向 弹性盒子不会铺满容器

没有设置侧轴默认拉伸

2center 沿侧轴居中排列

3flex-start从开始依次排列

3flex-end从终点开始排列

对与“某个”则需要结构伪类选择器 例如.类名:nth-child(2) {align-self:属性值}!不能与所有的搞混

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值