https://v5.bootcss.com/docs/utilities/flex/#align-self
可以使用.align-self-*
类设置指定子元素在交叉轴的对齐方式(从y轴开始,如果是flex-direction: column,则是x轴),它允许单个项目具有与其它项目不一样的对齐方式。*
号允许的取值为:
- start
- end
- center
- baseline
- stretch(默认值)
例如,让第2个盒子在交叉轴方向居中对齐:
让第1个盒子底部对齐,第2个盒子中间对齐:
https://v5.bootcss.com/docs/utilities/flex/#align-self
可以使用.align-self-*
类设置指定子元素在交叉轴的对齐方式(从y轴开始,如果是flex-direction: column,则是x轴),它允许单个项目具有与其它项目不一样的对齐方式。*
号允许的取值为:
例如,让第2个盒子在交叉轴方向居中对齐:
让第1个盒子底部对齐,第2个盒子中间对齐: