关于flex-direction:column之后宽度自动变为100%的解决办法

背景：使用了element的el-tag标签，这是行内元素，在一行排列的，要求是在纵向排列，所以父元素使用了display: flex; flex-direction: column; 使用了之后元素纵向排列了，但是宽度自动变成了100%，（不想设置死了这个宽度，想让他自动适应，但是结果宽度变成了 100%）如下图所示

解决办法：在子元素里写上 align-self: baseline;
解释：align-self 属性定义flex子项单独在侧轴（纵轴）方向上的对齐方式。align-self 属性可重写灵活容器的 align-items 属性。

然后继续试，发现只要给 align-self:设置以上合适的值，就能实现这个目的，因为 默认值为
align-self: stretch
修改这个默认值，就能防止 100%