正如你在圖像中看到的，我在頁眉中有一個(gè)徽標(biāo)(藍(lán)色部分是頁眉)，我不能將其垂直對(duì)齊到中心。我給圖像加了一個(gè)邊框，只是為了看它的大小。

基本上所有的CSS代碼背后的標(biāo)志和標(biāo)題是這樣的:

header{
    margin-bottom: 10px;
    background: blue;
}

#logo{
    margin-left: 10px;
    border: 3px solid black;
}

我能怎么做呢？謝了。

最簡(jiǎn)單的方法是使用display flex:

header{
    margin-bottom: 10px;
    background: blue;
    display: flex;
    align-items: center;
}

如果你需要幫助，可以在評(píng)論里給我打電話

這可能對(duì)你有用:

#logo {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

正如guys guys所說，另一種方法是使用flexbox并設(shè)置中心值來對(duì)齊-items屬性。(添加到您的標(biāo)題中)

或者在你的logo中使用align-self property。

感謝貢獻(xiàn)一個(gè)堆棧溢出的答案！

請(qǐng)務(wù)必回答問題。提供詳細(xì)信息并分享您的研究！但是要避免…

尋求幫助、澄清或回應(yīng)其他答案。根據(jù)意見發(fā)表聲明；用參考資料或個(gè)人經(jīng)歷來支持他們。要了解更多，請(qǐng)查看我們關(guān)于撰寫精彩答案的提示。