hooyantsing's Blog

P114_14_弹性元素交叉轴控制

字数统计: 95阅读时长: 1 min
2020/04/16

P114 14 弹性元素交叉轴控制

align-self

[对弹性元素设置]

单独控制弹性子元素在弹性盒子里面的位置。

flex-start

靠向交叉轴起始点。

例:

1
2
3
article :first-child {
    align-self: flex-start;
}

023fe8c007beab55f8d97eb1da89a3be.png

stretch

拉抻。

子元素不能有高度/宽度。

1
2
3
4
5
article :first-child {
    align-self: stretch;
    //auto取消对高度的设置
    height: auto;
}

7d67b74f17700b385e849aabc1ea8663.png

flex-end

center

CATALOG