Html 为什么不是'；t弯曲方向柱在这里工作？

我试图让我的输入在移动视图中彼此堆叠，但是

flex-direction:column似乎不起作用


。注册{
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.注册包装{
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
@介质（最大宽度：655px）{
输入[类型=文本]，输入[类型=电子邮件]，.btn{
弯曲方向：立柱；
}
}
伸缩方向：列必须应用于flex容器（即
。注册
），而不是flex项目本身

（我在代码段中将媒体查询更改为800px min以立即显示结果）


。注册{
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.注册包装{
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
@介质（最大宽度：800px）{
.注册{
弯曲方向：立柱；
}
}
伸缩方向：列必须应用于flex容器（即
。注册
），而不是flex项目本身

（我在代码段中将媒体查询更改为800px min以立即显示结果）


。注册{
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.注册包装{
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
@介质（最大宽度：800px）{
.注册{
弯曲方向：立柱；
}
}

哦，我真傻。连续3个小时的编码确实会让你更难发现这些类型的东西！谢谢，我真傻。连续3个小时的编码确实会让你更难发现这些类型的东西！非常感谢。