Css 垂直对齐引导列

我需要垂直对齐一个小的boostrap列单元格

我的想法是，我不能硬编码像素（

高度，行高度，例如），所有东西都应该是相对的，因为我事先不知道绿色单元格的高度（根据内容变化）

top+50&translateY-50
似乎不起作用

这个。代码如下：


.a{背景：浅绿色；}
.b{背景：黄色；}
.cont{背景：橙色；}
.vcenter{top:50%；transform:translateY（-50%）；}

一些描述
这应该是中间垂直对齐！
感谢@Pete找到了一个需要影响容器显示的解决方案：

.cont { display: flex; }
.vcenter { align-self: center; }

我只有你的答案Pete，谢谢，@tsdln答案不符合初始操作条件…这将是一个有效的答案：在CSS中不可能，更改显示，好的，但不适用于container@Pete你能用flex转载你的答案吗？！也许我可以使用它，最后，一些变化，以适应flex显示。。。