Question

我使用line-height属性，以便div的内部文本垂直对齐：

div.header
{
    background-color: #00325f;
    height: 50px;
    padding: 0px;
    min-width: 880px;
    line-height: 25px;
}

因此，以下00011101010000110101010应该位于它所在的div的中间。

<div class="header">
     <p>00011101010000110101010</p>
</div>

但是当我预览我的页面时，它就像往常一样位于div的顶部。有人可以帮我解决这个问题并解释问题背后的HTML逻辑吗？

Answer 1

line-height 50px不应25px垂直居中。

div.header
{
    background-color: #00325f;
    height: 50px;
    padding: 0px;
    min-width: 880px;
    line-height: 50px;
}

line-height应与容器本身的高度相同。