css - 按绝对位置居中在 Chrome 中可以正常工作，但在最新版本的 IE 和 Firefox 中不行

Question

我想垂直居中这个标题：

<div class="headline>
    <div class="field-wrapper">
       <h1>Pressrelease</h1>
    </div>
</div>

...通过使用这样的绝对定位：

.headline {
    position: relative;
}    
.field-wrapper{
        position: absolute;
        top: 0px;
        bottom: 0px;
        margin-top: auto;
        margin-bottom: auto;
    }

这适用于（最新版本的）Chrome，但不适用于 Firefox 和 IE。我需要做什么才能在所有浏览器中垂直居中？

标签： csscross-browser