html - Div 填充背景颜色作为顶部栏

Question

我正在尝试显示中间带有 Logo 图像的水平顶部栏。图片位于页面左侧，垂直居中。我如何在顶部栏的中心获得图像？这是我的代码:

<div class='topbar'>
        <img src="../../img/headerlogo.png" class="topbarlogo"/>
    </div>

CSS:

div.topbar {
    height: 80px;
    width: 100%;
    background-color: #000000;
    margin-top: 0px;

}
.topbarlogo {
    display: block;
    position: absolute; 
}

Answer 1

你在 css 中拼错了你的类，'topbor' 应该是 topbar。

另外补充:-

margin-left: auto;
margin-right: auto;