CSS背景定位居中顯示是一個常見的設計需求。本文將介紹兩種實現CSS背景定位居中顯示的方法。

方法一：使用background-position屬性

background-position: center center;

上述代碼將background-position屬性設置為居中，其中第一個center表示水平居中，第二個center表示垂直居中。

方法二：使用background-size和background-position屬性組合

background-size: contain;
background-position: center center;

上述代碼將background-size屬性設置為contain，其會縮放背景圖片以適應包含它的元素。background-position屬性同樣設置為居中，這樣背景圖片就能夠居中顯示了。

以上兩種方法都需要保證元素具有固定的寬高。在無法確定元素寬高的情況下，可以使用JavaScript來設置元素的寬高以確保正確的背景居中顯示。