Ausrichten vertikal alle Inhalte in einem Div basierend auf einem anderen div ohne jquery oder Javascript

Question

Ich habe zwei div, die in einem Container div von beiden in meiner HTML-Seite existieren und ich möchte alle Inhalte in einem Subdiv ausgerichtet entsprechen dem Inhalt von ein anderes div. Ist dies nur durch CSS-Regeln möglich?

<div class="container"> 
    <div class="subDiv1"> 
     some content here (with 400px height) 
    </div> 
    <div class="subDiv2"> 
     some content here (with 270px height) 
    </div> 
</div> 

Edit: ersten Inhalt ist ein Bild mit variabler Höhe und zweiten Inhalt ein Etikett variable Textlänge ist, und ich möchte Zentriert beide in derselben horizontalen Linie vertikal.

Answer 1

Wenn Sie dasselbe CSS für .subDiv1 und .subDiv2 haben möchten, warum verwenden Sie nicht genau den gleichen CSS-Code für beide?

Ausrichtung Senkrecht-Gehalt innerhalb eines div mit folgendem CSS getan werden kann:

.container { 
margin-left:auto; 
margin-right:auto; 
} 

Answer 2

.container{ 
 
display: table; 
 
width:100%; 
 
} 
 
.subDiv1,.subDiv2{ 
 
    padding: 10px; 
 
    display: table-row; 
 
} 
 
.subDiv1{ 
 
    background-color:silver; 
 
} 
 
.subDiv2{ 
 
    background-color:#a7a5a5; 
 
} 
 
.container span { 
 
    display:inline-block; 
 
    width: 100px; 
 
    height: 100px; 
 
    background: gray; 
 
    vertical-align: middle; 
 
}

<div class="container"> 
 
    <div class="subDiv1"> 
 
     some content here <span>(with 400px height)</span> 
 
    </div> 
 
    <div class="subDiv2"> 
 
     some content here <span>(with 270px height)</span> 
 
    </div> 
 
</div>