Javascript html5垂直对齐3个等距div

我的html页面上的右Div只包含一些thumnail行（用javascript动态创建），而左Div包含3个子Div（内部Div），它们垂直排列（从我的Web服务接收查询结果时也动态创建）

为了使它看起来平衡，我想要 左Div可自动调整到相同高度 作为右边的一个（保存动态插入的缩略图）

左Div中的3个垂直对齐的子Div的行为应如下所示：

图像较大的Div2应该垂直居中

带有标题文本的Div1应垂直居中于Div2上方的空间

带有标题文本的Div3应垂直居中于Div2下方的空间

问题:

这在css中是可能的吗？ -也就是说，在javascript中动态创建时不计算高度

如果css可以做到这一点 那么，请给我一些提示 关于哪个浮动、显示、对齐、边距（和类似）设置 我可以尝试左容器Div和它的3个内部Div

我不需要获得样品或溶液。 但我需要一些简单的提示，一些想法 我可以试一下， 还有一些我应该遵守的注意事项

---

非常感谢。

我会将同一个类添加到所有三个div中。在css中，添加

margin:10px auto

根据当前代码，您可能还需要将

position:relative

添加到此类

您可以调整10px部件，具体取决于所需的间距。自动将div居中到其父级

---

就更改订单而言，查看订单可以满足您的需要：
jsfiddle：

.main{
显示器：flex；
}
.左面板{
填充：5px；右边距：5px；
背景颜色：绿色；
/*宽度：30%*/
flex:0 0 30%；/*不根据内容进行增长或收缩，宽度为30%（如果您喜欢使用宽度属性，请使用“自动”）*/
显示器：flex；
弯曲方向：柱；/*垂直对齐*/
对齐内容：周围空格；/*垂直居中*/
}
.右面板{}
.thumb{高度：70px；宽度：150px；边框：1px实体；显示：内联块；}
*{框大小：边框框；边距：0；}

第一
第二
第三

请选择您尝试过的内容，最好是image@William请阅读：我的问题！！！它说：我需要一些简单的提示，一些我可以尝试的想法，以及一些我应该遵守的注意事项（TIPP）——你看——我需要知道我可以尝试什么——那么我如何尝试垂直居中（一旦我尝试了垂直对齐：居中或类似的方式，但这被忽略了）你为什么问一个新手他试过什么而不是读我的问题？