html - 调整影像

我需要将图像调整为导航栏，但是我似乎无法调整大小或“移动”图片。怎么了？ （图像必须居中，并调整大小以适合导航栏宽度）

.forsidebillede {
width: 1000px;
height: 100px;
display: block;
    margin-left: auto;
    margin-right: auto
}

<section class="forsidebillede">
<img src="https://a2ua.com/grey/grey-002.jpg" alt="smoothies"/>
</section>

最佳答案

此处实际上没有代码引用该图像。

下面将执行此操作。

.forsidebillede {
width: 1000px;
height: 100px;
display: block;
    margin-left: auto;
    margin-right: auto
}

.forsidebillede > img {
    width:100%;
    height:100%; /* Only if you want the height to be filled also */
    display:block; /* To remove any extra spacing */
}

<section class="forsidebillede">
<img src="smoothie.jpg" alt="smoothies"/>
</section>