如何垂直对齐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 {        
    display: flex;
    align-items: center;}

如果您还需要定位Explorer 10和旧的（<4.4）Android浏览器，请使用带前缀的版本：

.container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;

    align-items: center;}