alignItem：中心在包含材质按钮的弹性容器中不起作用[重复]答案

【问题标题】：alignItem: center not working in a flex container containing a material button [duplicate]alignItem：中心在包含材质按钮的弹性容器中不起作用[重复]
【发布时间】：2020-05-30 08:46:00
【问题描述】：

https://codesandbox.io/s/card-material-ui-cqvet?file=/src/index.js

正如您在此代码和框.io 中看到的那样，里面有一个按钮的 div 似乎对它里面的按钮没有影响，因为它的行为就像一个左浮动由于某种原因。有什么我在这里想念的吗。我知道该容器周围有几个弹性框，但据我所知，它不应该对它有任何影响，还是我错了？

button: {
    display: "flex",
    width: "100%",
    alignItems: "center",
    flexDirection: "row"
  }

【问题讨论】：

标签： css flexbox

【解决方案1】：

沿主轴对齐使用

justify-content: center

而不是 align-items

【讨论】：