如何垂直对齐div中的元素？

Question

我有一个div有两个图像和一个h1。所有这些都需要在div内垂直对齐，彼此相邻。

其中一个图像需要absolute放在div中。

在所有常见浏览器上工作所需的CSS是什么？

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

Answer 1

现在Flexbox支持正在增加，应用于包含元素的CSS将垂直居中包含的项：.container&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;display:&nbsp;flex; &nbsp;&nbsp;&nbsp;&nbsp;align-items:&nbsp;center;}如果您还需要定位Explorer 10和旧的（<4.4）Android浏览器，请使用带前缀的版本：.container&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;display:&nbsp;-ms-flexbox; &nbsp;&nbsp;&nbsp;&nbsp;display:&nbsp;-webkit-flex; &nbsp;&nbsp;&nbsp;&nbsp;display:&nbsp;flex; &nbsp;&nbsp;&nbsp;&nbsp;-ms-flex-align:&nbsp;center; &nbsp;&nbsp;&nbsp;&nbsp;-webkit-align-items:&nbsp;center; &nbsp;&nbsp;&nbsp;&nbsp;-webkit-box-align:&nbsp;center; &nbsp;&nbsp;&nbsp;&nbsp;align-items:&nbsp;center;}