CSS是網頁中不可或缺的一部分，可以美化網頁，實現一些特效。其中，背景圖是使用最頻繁的一種樣式，但是在使用過程中，往往會遇到圖片不居中顯示的問題。

這時候，我們可以使用CSS來解決這個問題，讓背景圖片在任何情況下都能居中顯示。

// HTML
<div class="container">
<!-- 內容 -->
</div>
// CSS
.container {
background-image: url("bg.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}

首先，在HTML中我們需要一個包裹層（這里使用了class為"container"的div）。

然后，在CSS中，我們需要設置background-position: center center;將背景圖片設置為居中顯示。設置background-repeat: no-repeat;來禁止背景圖片重復顯示。設置background-size: cover;來讓背景圖片自適應容器大小，保證始終完整顯示。

接下來，我們設置div的高度為100vh，即視口高度，這樣就能保證在任何情況下都能占滿整個屏幕。

最后，我們使用display: flex;和justify-content: center;、align-items: center;使內容在水平和垂直方向上都居中顯示。

使用這些CSS，我們就能保證背景圖始終居中顯示，讓網頁更加美觀。