使用
align-items: flex-start的容器上，或
align-self: flex-start在柔性的项目。
不需要
display: inline-flex。
flex容器的初始设置为
align-items: stretch。这意味着柔性物品将沿横轴扩展以覆盖容器的整个长度。
该
align-self属性的作用与之相同
align-items，除了
align-self适用于 flex项 而
align-items适用于 flex容器 。
默认情况下，
align-self继承的值
align-items。
由于您的容器为
flex-direction: column，因此交叉轴为水平，并且
align-items:stretch正在最大程度地扩展子元素的宽度。
您可以
align-items: flex-start在容器（由所有flex项目继承）上或
align-self:flex-start在项目（仅限于单个项目）上覆盖默认值。
