Reactjs 如何使用flexDirection列处理flexbox中的宽度？

我想我在将css flexbox应用于按钮时遇到了问题

让我举个例子：

<div style={{display: "flex", flexDirection: "column"}}>
  <input />
  <input />
  <input />
  <button>click here</button>
</div>

点击这里

如果由于弯曲方向，在高度上使用flex，我如何处理输入/按钮becuz的宽度（无宽度，仅使用flex）。我一定错过了什么，但我看不到什么

---

谢谢你的帮助

您可以使用

align items

css属性将项目与其自身的宽度对齐

点击这里

我要试试看