使用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在项目（仅限于单个项目）上覆盖默认值。
602392714
清零编程群