這是我在這里的第一篇文章。我需要在CSS中將我的背景圖片水平和垂直居中，但是無論我用什么方法，圖片都頑固地保持在它原來的位置。我已經(jīng)讀了30篇關(guān)于這個(gè)問題的帖子，但似乎沒有一篇對(duì)我有用。謝謝你的任何建議

.angryjalapeno {
    width: 500px;
    height: 300px;
    background-image: url(https://placehold.co/200x200);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

<div class="angryjalapeno"></div>

移除背景尺寸:cover將圖像占位符放在div的中心。

.angryjalapeno {
    width: 500px;
    height: 300px;
    background-image: url(https://placehold.co/200x100);
    background-repeat: no-repeat;
    background-position: center;
    /* background-size: cover; */
    display: flex;
    justify-content: center;
    align-items: center;
}

<div class="angryjalapeno">
</div>

如果你的圖片大于300x500，那么你的代碼為真。但是如果它小于這個(gè)尺寸，你需要?jiǎng)h除背景尺寸:封面；

我建議您將背景位置屬性更改為如下所示。

background-position: center center;