css - 在页眉和页脚之间垂直居中内容

Question

不知道有没有人能帮帮我。我有一个带有页眉、页脚和内容容器的网站。现在我希望将页眉和页脚容器而不是页面之间的内容垂直居中。有没有人知道如何实现这一目标？？？

Answer 1

试试下面的 CSS

        <div >header</div>
        <div class="container">
               <p>This small paragraph...</p>
        </div>
        <div >footer</div>

CSS:

           div.container {
                min-height: 10em;
                display: table-cell;
                vertical-align: middle ;}