vertical-alignment - html - vertical-align 使い方 - div内の要素を垂直に整列させるには?

vertical-align 横 / html / css

2つの画像と1つの h1 を持つ div があります。それらはすべて、div内で互いに隣接して垂直に配置する必要があります。

一般的なブラウザで動作させるために必要なCSSは何ですか?

<div id="header">
  <img src=".." ></img>
  <h1>testing...</h1>
  <img src="..."></img>
</div>

Temani Afif



Answer #1
<div class="ext-box">
    <div class="int-box">
        <h2>Some txt</h2>
        <p>bla bla bla</p>
    </div>
</div>
div.ext-box { display: table; width:100%;}
div.int-box { display: table-cell; vertical-align: middle; }

明らかに、 .class または #id のどちらを使用しても、結果は変わりません。