css - 是否可以使列布局中的所有 flex 元素具有相同的宽度？

Question

column {display: flex; flex-direction: column}
column > * {border: 1px solid}

<column>
  <flex1>1234567890</flex1>
  <flex2>abc</flex2>
  <flex3>...random length...</flex3>
</column>

以上并没有完成我喜欢做的事情。

Answer 1

对 flex 元素使用 inline-flex 和 width:100%:

column {
  display: inline-flex;
  flex-direction: column
}

column>* {
  width: 100%;
  border:1px solid red;
}

<column>
  <flex1>1234567890</flex1>
  <flex2>abc</flex2>
  <flex3>...random length...</flex3>
</column>