Css Flexbox垂直对齐到支架中间

这本来很简单，但由于某种原因变得复杂了。 我想要

.flex{
显示器：flex；
}
#表单按钮{
对齐项目：拉伸；
字体大小：粗体；
宽度：300px；
高度：300px；
a{
自我调整：伸展；
背景颜色：蓝色；
颜色：#fff；
宽度：50%；
}
输入[type=“submit”]{
宽度：50%；
背景色：黑色；
颜色：#fff；
边界：0px；
}
}
我要添加这两行（替换
align self
prop）：

我要添加这两行（替换
align self
prop）：

移除
对齐项目：拉伸#表单按钮
和
自对齐：拉伸a
标记中选择code>，并将以下内容添加到
a
标记中

a {
  display:flex;
  align-items: center;
  justify-content: center;
}

看起来是这样的：


.flex{
显示器：flex；
}
#表单按钮{
字体大小：粗体；
宽度：300px；
高度：300px；
}
#表格按钮a{
显示器：flex；
对齐项目：居中；
证明内容：中心；
背景颜色：蓝色；
颜色：#fff；
宽度：50%；
}
#表单按钮输入[type=“submit”]{
宽度：50%；
背景色：黑色；
颜色：#fff；
边界：0px；
}
移除
对齐项目：拉伸#表单按钮
和
自对齐：拉伸a
标记中选择code>，并将以下内容添加到
a
标记中

a {
  display:flex;
  align-items: center;
  justify-content: center;
}

看起来是这样的：


.flex{
显示器：flex；
}
#表单按钮{
字体大小：粗体；
宽度：300px；
高度：300px；
}
#表格按钮a{
显示器：flex；
对齐项目：居中；
证明内容：中心；
背景颜色：蓝色；
颜色：#fff；
宽度：50%；
}
#表单按钮输入[type=“submit”]{
宽度：50%；
背景色：黑色；
颜色：#fff；
边界：0px；
}


a {
  display:flex;
  align-items: center;
  justify-content: center;
}