随堂笔记8

flex交叉轴的5种对齐方式：
align-items 作用于父容器，控制子元素在交叉轴上对齐，共 5 种常用值：

1. flex-start（默认）
   子元素靠交叉轴起点对齐（顶部靠齐）
2. flex-end
   子元素靠交叉轴终点对齐（底部靠齐）
3. center
   交叉轴居中对齐（垂直居中，最常用）
4. baseline
   按子元素内部文字基线对齐，文字底部在一条线
5. stretch（初始默认值，无高度时生效）
   子元素拉伸填满父容器交叉轴高度；
   子元素设置 height 后失效