Html 如何垂直对齐以下flex元素？

我有一个简单的flex设置：

.col-12{
显示器：flex
}
输入{
弹性：0.80%
}
标签{
弹性：0.20%
}

标签

您需要使用

将项目

属性与值

居中对齐

：

对齐项目：居中

这里有一个我需要复习时经常提到的链接，以及一些有关
flexbox
的示例：


.col-12{
显示器：flex；
对齐项目：居中；
}
输入{
高度：36px；
弹性：0.80%
}
标签{
弹性：0.20%
}

标签
您需要使用
将项目
属性与值
居中对齐
：

对齐项目：居中

这里有一个我需要复习时经常提到的链接，以及一些有关
flexbox
的示例：


.col-12{
显示器：flex；
对齐项目：居中；
}
输入{
高度：36px；
弹性：0.80%
}
标签{
弹性：0.20%
}

标签
啊，你说得对。我认为没有必要写
。对了，你不必写
，你可以写
，没有斜杠就可以了。哦，所以我不可能对齐没有高度的元素？你为什么把它设为36px？我这样做是为了演示。如果没有它，输入和文本的高度几乎相同，很难看到文本是垂直对齐的。您的屏幕截图清楚地显示了一个应用了一些样式的
输入
，它比使用浏览器默认样式的输入样式更大。啊，您是对的。我认为没有必要写
。对了，你不必写
，你可以写
，没有斜杠就可以了。哦，所以我不可能对齐没有高度的元素？你为什么把它设为36px？我这样做是为了演示。如果没有它，输入和文本的高度几乎相同，很难看到文本是垂直对齐的。您的屏幕截图清楚地显示了一个应用了一些样式的
输入
，它比使用浏览器默认样式的输入样式更大。