6
何度も尋ねられた質問のように見えますが、その特定の状況に対する解決策を見つけることができませんでした。ビューポートの100％であるdiv内の変数heightを使用してdivを垂直に中心にします
は、ここに私のレイアウトの基本的なワイヤーフレームです：
は基本的に、私は100％の幅とブラウザウィンドウの100％の高さを取る異なる背景を持ついくつかのdivを持っています。それぞれの中には、その親の50％の幅を持つが、内容に応じて可変の高さを持つ別のdivがあります。
divs-within-a-divのすべてを垂直に整列させたいと思います。 今、私はディスプレイを置くことを読んだ：table-cellとparentのvertical-align：middleはうまくいくはずだが、この場合はちょっと混乱するようだ。 ： -/
マイコード：あなたの助けを
<head>
<style>
html, body {
height: 100%;
}
body > div {
width: 100%;
height: 100%;
background-size: cover;
}
.centered {
width: 50%;
margin: 0 auto;
background: rgba(0,0,0,0.4);
padding: 50px 0 30px 0;
}
</style>
</head>
<body>
<div id="pic_1">
<div class="centered">content</div>
</div>
<div id="pic_2">
<div class="centered">content</div>
</div>
<div id="pic_3">
<div class="centered">content</div>
</div>
</body>
ありがとう！
[div内に可変の高さを持つコンテンツを垂直に配置する方法は？]（http://stackoverflow.com/questions/59309/how-to-vertically-center-content-with-variable-height -within-a-div） – KatieK