Div Align Auto Height CSS

Question

我有以下代码在父容器中垂直对齐两个div。 我很难设置两个子div来根据它们包含的内容自动调整高度（然后对齐）。

作为示例，其中一个子div可以动态地将图像拉高200px高度，然后在刷新时拉动250px高图像。虽然父div需要一个固定的高度（比如300px），但是无论高度如何，子div总是需要与父div的垂直中心对齐。

非常感谢提前。

.div1 {
            background: yellow;
            display: table;
            position: absolute;
            width: 300px;
            height: 300px;
            top: 100px;
            left: 100px;
        }
        .aligndiv {
            display: table-cell; 
            vertical-align: middle;
            height: 300px;
        }
        .image1 {
            left: 10px;
            position: absolute;
            width:50px;
            top:0;
            bottom:0;
            margin: auto; 
        }
        .div2 {
            position: relative; 
            top:0;
            bottom:0;
            margin: auto;  
            left: 70px;
            width: 100%;
        }

<div class="div1"><div class="aligndiv"><div class="image1" /><img></img></div><div class="div2">123 text</div></div></div>